working on detail page for sari, lil, amd lbm

dashboard/resources/views/layouts/app.blade.php

@@ -7,7 +7,9 @@
 
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css"/>
+    <script src="/js/dashboard/filter.js"></script>
+    <script src="/js/dashboard/charts.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
     <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
 
     <style>
@@ -45,7 +47,7 @@
             color: #262626;
             font-weight: 500;
             border-bottom: 3px solid transparent;
-            font-size:14px;
+            font-size: 14px;
         }
 
         .nav-item:hover {
@@ -71,7 +73,7 @@
         }
 
         .content-area {
-            padding: 30px;
+            padding: 20px;
             background: #f8f9fa;
             min-height: calc(100vh - 60px);
         }
@@ -103,7 +105,7 @@
             National Reference Medical Laboratory Surveillance Dashboard
         </div>
 
-        <div class="ms-auto  small">
+        <div class="ms-auto small">
             Last update: 12:05 |
             Data latency: 5–10 min |
             User: National - Read Only
@@ -130,7 +132,6 @@
     <!-- Main Wrapper -->
     <div class="main-wrapper">
 
-
         <!-- Page Content -->
         <div class="content-area">
             @yield('content')
@@ -138,6 +139,7 @@
 
     </div>
 
+@yield('scripts')
 </body>
 
 </html>