Update Menu component: make menu sticky, fix menu button and add href to menu links

src/components/Menu.vue

@@ -12,17 +12,17 @@
     <nav class="w-full | flow">
       <ul class="flex">
         <li data-icon="home" class="active">
-          <a href="#" aria-current="page">Home</a>
+          <a href="/" aria-current="page">Home</a>
         </li>
         <li data-icon="megaphone" data-count="4">
-          <a href="#">Notifications</a>
+          <a href="/notifications">Notifications</a>
         </li>
         <li data-icon="calendar">
-          <a href="#">Réunions</a>
+          <a href="/reunions">Réunions</a>
           <span class="pill pill--secondary">Dans 2h</span>
         </li>
         <li data-icon="inspiration">
-          <a href="#">Inspirations</a>
+          <a href="/inspirations">Inspirations</a>
           <span class="pill pill--secondary">Nouveauté</span>
         </li>
       </ul>
@@ -59,7 +59,7 @@
 <style scoped>
 
 button[aria-controls="menu"] {
-  position: absolute;
+  position: fixed;
   z-index: 10;
   width: 2.5rem;
   height: 2.5rem;
@@ -88,6 +88,9 @@ button[aria-controls="menu"][aria-expanded="false"] {
   --direction: column;
   --items: flex-start;
   --wrap: no-wrap;
+  position: -webkit-sticky;
+  position: sticky;
+  top: var(--gutter);
   width: var(--sidebar-width);
   height: calc(100vh - var(--gutter) * 2);
   height: calc(100dvh - var(--gutter) * 2);