trying to fix sidebar tags + adding them in post install page as example

Author: jdv

crowdsec-docs/src/css/custom.css

@@ -483,8 +483,8 @@ div[class^='announcementBar'] {
   border: 0!important;
 }
 
-/* Quick guide specific CSS */
-.sideBarItemRecommended::after {
+/* Quick guide specific CSS /u/getting_started/... */
+.sideBarItemRecommended a::after {
   content: "Rec.";
   display: inline-block;
   margin-left: 0.5em;
@@ -494,9 +494,10 @@ div[class^='announcementBar'] {
   border-radius: 999px;
   font-size: 0.6em;
   vertical-align: middle;
+  transform: rotate(0deg); /* force reset to counter act UL accordion transform */
 }
 
-.sideBarItemOptional::after {
+.sideBarItemOptional a::after {
   content: "Opt.";
   display: inline-block;
   margin-left: 0.5em;
@@ -506,4 +507,5 @@ div[class^='announcementBar'] {
   border-radius: 999px;
   font-size: 0.6em;
   vertical-align: middle;
+  transform: rotate(0deg); /* force reset to counter act UL accordion transform */
 }

crowdsec-docs/unversioned/getting_started/next_steps.md

@@ -4,7 +4,7 @@ title: Post Installation Steps
 ---
 
 Now that your CrowdSec installation is up and running, here are some post-installation steps to help you continue your journey.  
-Some steps are **recommended** ⭐ for most users, while others are **optional** 🛠️ and offer additional customization or advanced capabilities.  
+Some steps are **recommended** <span class={{sideBarItemRecommended}}><a href=""></a> for most users, while others are **optional** <span class={{sideBarItemOptional}}><a href=""></a> and offer additional customization or advanced capabilities.  
 
 To make sure your installation is properly setup run a [🩺 Health Check](/getting_started/health_check) if you haven't already done so.  
 For general errors whilst installing you can follow our [🚨 troubleshooting guide](/getting_started/post_installation/troubleshoot.mdx).