Update Menu component: fix icons and active state

src/components/Menu.vue

@@ -38,7 +38,7 @@
       <ul class="flex">
         <li
           v-for="mainItem in mainItems"
-          data-icon="calendar"
+          :data-icon="mainItem.icon"
           :key="mainItem.path"
           :class="{ active: isCurrent(mainItem) }"
         >
@@ -108,7 +108,7 @@ const mainItems = [
   {
     title: "Inspirations",
     path: "/inspirations",
-    icon: "inspirations",
+    icon: "inspiration",
     pill: "Nouveauté",
   },
 ];
@@ -246,11 +246,15 @@ button[aria-controls="menu"][aria-expanded="false"] {
   cursor: pointer;
 }
 
-#menu .active,
 #menu li:hover {
   background-color: var(--color-grey-50);
 }
 
+#menu .active {
+  background-color: var(--color-primary-10);
+}
+
+
 #menu details {
   font-family: var(--font-serif);
   background-size: 1px 21px;