Review an solve errors

components/navbar.js

@@ -104,25 +104,28 @@ class AppNavbar extends HTMLElement {
                         <i data-feather="menu" width="18" height="18"></i>
                     </button>
                 </div>
-                <script>
-                    document.getElementById('logoutBtn').addEventListener('click', async () => {
-                        try {
-                            const response = await fetch('/api/logout', {
-                                method: 'POST',
-                                credentials: 'include'
-                            });
-                            if (response.ok) {
-                                window.location.href = '/login.html';
-                            }
-                        } catch (error) {
-                            console.error('Logout error:', error);
-                        }
-                    });
-                </script>
 </div>
         `;
         // Re-initialize feather icons inside shadow DOM
         feather.replace();
+        
+        // Add logout functionality
+        const logoutBtn = this.shadowRoot.getElementById('logoutBtn');
+        if (logoutBtn) {
+            logoutBtn.addEventListener('click', async () => {
+                try {
+                    const response = await fetch('/api/logout', {
+                        method: 'POST',
+                        credentials: 'include'
+                    });
+                    if (response.ok) {
+                        window.location.href = '/login.html';
+                    }
+                } catch (error) {
+                    console.error('Logout error:', error);
+                }
+            });
+        }
     }
 }
 customElements.define('app-navbar', AppNavbar);