olmamış hatalar var .

components/navbar.js

@@ -10,10 +10,10 @@ class CustomNavbar extends HTMLElement {
             </style>
             <nav class="navbar bg-white border-b border-gray-200 px-6 flex items-center justify-between w-full">
                 <div class="flex items-center">
-                    <button id="sidebar-toggle" class="mr-4 text-gray-500 focus:outline-none lg:hidden">
+                    <button id="sidebar-toggle" class="mr-4 text-gray-500 focus:outline-none lg:hidden" aria-label="Toggle sidebar">
                         <i data-feather="menu"></i>
                     </button>
-                    <h1 class="text-xl font-bold text-gray-800">Dolmuş Tracker Admin</h1>
+<h1 class="text-xl font-bold text-gray-800">Dolmuş Tracker Admin</h1>
                 </div>
                 
                 <div class="flex items-center space-x-4">

components/sidebar.js

@@ -7,7 +7,6 @@ class CustomSidebar extends HTMLElement {
                     width: 240px;
                     transition: transform 0.3s ease-in-out;
                 }
-                
                 @media (max-width: 1023px) {
                     .sidebar {
                         transform: translateX(-100%);
@@ -15,14 +14,16 @@ class CustomSidebar extends HTMLElement {
                         z-index: 40;
                         height: 100vh;
                         background: white;
+                        top: 64px;
+                        left: 0;
                     }
                     
                     .sidebar.open {
                         transform: translateX(0);
+                        box-shadow: 2px 0 8px rgba(0,0,0,0.1);
                     }
                 }
-                
-                .nav-item {
+.nav-item {
                     transition: all 0.2s ease;
                 }
                 

index.html

@@ -137,11 +137,24 @@
             </div>
         </main>
     </div>
-    
     <script src="components/navbar.js"></script>
     <script src="components/sidebar.js"></script>
     <script src="script.js"></script>
-    <script>feather.replace();</script>
-<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            feather.replace();
+            
+            // Sidebar toggle for mobile
+            const sidebarToggle = this.shadowRoot?.getElementById('sidebar-toggle') || 
+                                 document.getElementById('sidebar-toggle');
+            const sidebar = document.querySelector('custom-sidebar')?.shadowRoot?.querySelector('.sidebar');
+
+            if (sidebarToggle && sidebar) {
+                sidebarToggle.addEventListener('click', function() {
+                    sidebar.classList.toggle('open');
+                });
+            }
+        });
+    </script>
 </body>
 </html>

script.js

@@ -1,23 +1,5 @@
+
 document.addEventListener('DOMContentLoaded', function() {
-    // Initialize tooltips
-    const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
-    tooltipTriggerList.map(function (tooltipTriggerEl) {
-        return new bootstrap.Tooltip(tooltipTriggerEl);
-    });
-    
-    // Sidebar toggle functionality (will be used in mobile view)
-    const sidebarToggle = document.getElementById('sidebar-toggle');
-    const sidebar = document.getElementById('sidebar');
-    
-    if (sidebarToggle && sidebar) {
-        sidebarToggle.addEventListener('click', function() {
-            sidebar.classList.toggle('-translate-x-full');
-        });
-    }
-    
-    // Feather icons replacement
-    feather.replace();
-    
     // Simulate data loading
     setTimeout(() => {
         const loadingElements = document.querySelectorAll('.loading-skeleton');
@@ -26,4 +8,4 @@ document.addEventListener('DOMContentLoaded', function() {
             el.classList.remove('animate-pulse');
         });
     }, 1500);
-});
+});