Merge branch 'feat/inventory'

src/layouts/Main.astro

@@ -1,5 +1,8 @@
 ---
 import '/src/assets/css/main.scss';
+import NavBar from '../components/NavBar.astro';
+import NavItems from '../components/NavItems.astro';
+import Search from '../components/Search.astro';
 const { title } = Astro.props;
 ---
 
@@ -26,18 +29,18 @@ const { title } = Astro.props;
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPQMZ4PL"
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
-      <slot name="navbar"/>
+      <NavBar slot="navbar">
+        <NavItems slot="navItems" />
+        <Search slot="searchInput" />
+      </NavBar>
       <div class="wrapper">
         <div class="main">
-          <div class="container-fluid container-sm mt-4">
             <slot name="page"/>
-          </div>
         </div>
         <div class="footer">
           <slot name="footer"/>
         </div>
       </div>
-      
     <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.9/dist/chart.umd.min.js"></script>
     <script src="../assets/js/main.js"></script>