feat: reworked layout-fixed & added layout-fixed-complete

src/html/components/dashboard/_sidenav.astro

@@ -124,7 +124,7 @@ const htmlPath = convertPathToHtml(path);
             <i class="nav-icon fa-solid fa-copy"></i>
             <p>
               Layout Options
-              <span class="nav-badge badge text-bg-secondary opacity-75 me-3"
+              <span class="nav-badge badge text-bg-secondary me-3"
                 >6</span
               >
               <i class="nav-arrow fa-solid fa-angle-right"></i>
@@ -140,7 +140,7 @@ const htmlPath = convertPathToHtml(path);
                 ]}
               >
                 <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Unfixed Sidebar</p>
+                <p>Default Sidebar</p>
               </a>
             </li>
             <li class="nav-item">
@@ -152,6 +152,15 @@ const htmlPath = convertPathToHtml(path);
                 <p>Fixed Sidebar</p>
               </a>
             </li>
+            <li class="nav-item">
+              <a
+                href={htmlPath + "/layout/fixed-complete.html"}
+                class:list={["nav-link", page === "fixed-complete" && "active"]}
+              >
+                <i class="nav-icon fa-regular fa-circle"></i>
+                <p>Fixed Complete</p>
+              </a>
+            </li>
             <li class="nav-item">
               <a
                 href={htmlPath + "/layout/sidebar-mini.html"}

src/html/components/docs/components/main-sidebar.mdx

@@ -53,7 +53,7 @@ The sidebar used in this page to the left provides an example of what your sideb
                 <p>
                   Level 2 (Badge)
                   <span
-                    class="nav-badge badge text-bg-secondary opacity-75 me-3"
+                    class="nav-badge badge text-bg-secondary me-3"
                   >
                     6
                   </span>