code refactor 2

src/html/components/dashboard/_topbar.astro

@@ -4,6 +4,7 @@ const distPath = path;
 ---
 <!--begin::Header-->
 <nav class="app-header navbar navbar-expand bg-body">
+  <!--begin::Container-->
   <div class="container-fluid">
     <!--begin::Start Navbar Links-->
     <ul class="navbar-nav">
@@ -143,6 +144,7 @@ const distPath = path;
           <!--end::User Image-->
           <!--begin::Menu Body-->
           <li class="user-body">
+            <!--begin::Row-->
             <div class="row">
               <div class="col-4 text-center">
                 <a href="#">Followers</a>
@@ -154,6 +156,7 @@ const distPath = path;
                 <a href="#">Friends</a>
               </div>
             </div>
+            <!--end::Row-->
           </li>
           <!--end::Menu Body-->
           <!--begin::Menu Footer-->
@@ -168,5 +171,6 @@ const distPath = path;
     </ul>
     <!--end::End Navbar Links-->
   </div>
+  <!--end::Container-->
 </nav>
 <!--end::Header-->

src/html/components/docs/color-mode.mdx

@@ -1,6 +1,7 @@
 ```html
 <!-- Navbar -->
 <nav class="app-header navbar navbar-expand bg-body">
+  <!--begin::Container-->
   <div class="container-fluid">
     <!-- Start navbar links -->
     <ul class="navbar-nav">
@@ -76,6 +77,7 @@
       </li>
     </ul>
   </div>
+  <!--end::Container-->
 </nav>
 ```
 

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

@@ -1,6 +1,7 @@
 ```html
 <!-- Navbar -->
 <nav class="app-header navbar navbar-expand bg-body">
+  <!--begin::Container-->
   <div class="container-fluid">
     <!-- Start navbar links -->
     <ul class="navbar-nav">
@@ -132,6 +133,7 @@
           </li>
           <!-- Menu Body -->
           <li class="user-body">
+            <!--begin::Row-->
             <div class="row">
               <div class="col-4 text-center">
                 <a href="#">Followers</a>
@@ -143,7 +145,7 @@
                 <a href="#">Friends</a>
               </div>
             </div>
-            <!-- /.row -->
+            <!--end::Row-->
           </li>
           <!-- Menu Footer-->
           <li class="user-footer">
@@ -154,6 +156,7 @@
       </li>
     </ul>
   </div>
+  <!--end::Container-->
 </nav>
 <!-- /.navbar -->
 ```