Werk hoofdapplicatie bij

Legt de bestaande wijzigingen in de hoofdworktree vast voordat de laatste worktree wordt gemerged.\n\nCo-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

views/partials/navbar.ejs

@@ -1,14 +1,99 @@
-<header class="navbar navbar-expand-md navbar-light d-print-none">
+<header class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
 
-<div class="container-xl">
+    <div class="container-xl">
 
-<a class="navbar-brand" href="/">
+        <a class="navbar-brand fw-bold" href="/">
+            🛒 PantryHub
+        </a>
 
-🛒 PantryHub
+        <button class="navbar-toggler"
+                type="button"
+                data-bs-toggle="collapse"
+                data-bs-target="#navbarMenu">
 
-</a>
+            <span class="navbar-toggler-icon"></span>
 
+        </button>
 
-</div>
+        <div class="collapse navbar-collapse" id="navbarMenu">
+
+            <% if (user) { %>
+
+            <ul class="navbar-nav me-auto">
+
+                <li class="nav-item">
+                    <a class="nav-link" href="/">Dashboard</a>
+                </li>
+
+                <li class="nav-item">
+                    <a class="nav-link" href="/lists">🛒 Lijsten</a>
+                </li>
+
+                <li class="nav-item">
+                    <a class="nav-link" href="/products">📦 Producten</a>
+                </li>
+
+                <li class="nav-item">
+                    <a class="nav-link" href="/household">👨‍👩‍👧 Huishouden</a>
+                </li>
+
+            </ul>
+
+            <ul class="navbar-nav">
+
+                <li class="nav-item dropdown">
+
+                    <a class="nav-link dropdown-toggle"
+                       href="#"
+                       data-bs-toggle="dropdown">
+
+                        👤 <%= user.name %>
+
+                    </a>
+
+                    <div class="dropdown-menu dropdown-menu-end">
+
+                        <span class="dropdown-item-text text-muted">
+                            <%= user.household_name %>
+                        </span>
+
+                        <div class="dropdown-divider"></div>
+
+                        <a class="dropdown-item" href="/profile">
+                            Profiel
+                        </a>
+
+                        <a class="dropdown-item" href="/settings">
+                            Instellingen
+                        </a>
+
+                        <div class="dropdown-divider"></div>
+
+                        <a class="dropdown-item text-danger"
+                           href="/logout">
+                            Uitloggen
+                        </a>
+
+                    </div>
+
+                </li>
+
+            </ul>
+
+            <% } else { %>
+
+            <div class="ms-auto">
+
+                <a href="/login" class="btn btn-primary">
+                    Inloggen
+                </a>
+
+            </div>
+
+            <% } %>
+
+        </div>
+
+    </div>
 
 </header>