feat: make Nav and Profile menu dynamic

crates/app/templates/layout/nav/desktop/menu-items.html

@@ -1,22 +1,9 @@
-<!-- Current: "border-indigo-500 text-gray-900", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
-<a
-  href="#"
-  class="inline-flex items-center border-b-2 border-indigo-500 px-1 pt-1 text-sm font-medium text-gray-900"
-  aria-current="page"
-  >Dashboard</a
->
-<a
-  href="#"
-  class="inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700"
-  >Team</a
->
-<a
-  href="#"
-  class="inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700"
-  >Projects</a
->
-<a
-  href="#"
-  class="inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700"
-  >Calendar</a
+<div
+  id="nav-menu-desktop"
+  hx-get="/nav/menu?mobile=false"
+  hx-target="this"
+  hx-trigger="load"
+  hx-swap="outerHTML"
 >
+  Chargement ...
+</div>

crates/app/templates/layout/nav/desktop/profile-dropdown.html

@@ -10,29 +10,13 @@
   x-cloak
   x-transition
 >
-  <!-- Active: "bg-gray-100", Not Active: "" -->
-  <a
-    href="#"
-    class="block px-4 py-2 text-sm text-gray-700"
-    role="menuitem"
-    tabindex="-1"
-    id="user-menu-item-0"
-    >Your Profile</a
-  >
-  <a
-    href="#"
-    class="block px-4 py-2 text-sm text-gray-700"
-    role="menuitem"
-    tabindex="-1"
-    id="user-menu-item-1"
-    >Settings</a
-  >
-  <a
-    href="#"
-    class="block px-4 py-2 text-sm text-gray-700"
-    role="menuitem"
-    tabindex="-1"
-    id="user-menu-item-2"
-    >Sign out</a
+  <div
+    id="profile-menu-desktop"
+    hx-get="/profile/menu?mobile=false"
+    hx-target="this"
+    hx-trigger="load"
+    hx-swap="outerHTML"
   >
+    Chargement ...
+  </div>
 </div>