Added legal notice link

public/icon/question-mark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"></path></svg>

src/components/maps/overlay/SearchMapSwitch.vue

@@ -130,6 +130,12 @@ const menus: Menu[] = [
                         </li>
                     </menu>
                 </template>
+
+                <div class="legal">
+                    <a :href="`/${$currentLang}/legal`">
+                        {{ t('legal.cta') }}
+                    </a>
+                </div>
             </PopoverContent>
         </PopoverRoot>
     </div>
@@ -151,6 +157,30 @@ const menus: Menu[] = [
     margin-left: .25rem;
 }
 
+.legal {
+    margin-top: 1em;
+    display: flex;
+    align-items: center;
+    width: fit-content;
+    font-size: .8em;
+    text-underline-offset: 2px;
+    text-decoration: underline;
+    gap: .5ch;
+
+    &:hover,
+    &:focus-visible {
+        text-decoration: none;
+        color: var(--green-500);
+    }
+
+    &::before {
+        content: url('/icon/question-mark.svg');
+        display: inline-block;
+        width: 1em;
+        height: 1em;
+    }
+}
+
 .map-menu {
     margin-top: .25rem;
     margin-bottom: .5rem;

src/i18n/ui.ts

@@ -35,7 +35,8 @@ export const translations: LanguageDict = {
         'maps.markers.new': 'Nouveau marqueur',
         'maps.markers.addPersonal': 'Ajouter un marqueur personnel',
         'maps.markers.newNotice': "Le marqueur sera sauvegardé mais n'apparaîtra que sur votre carte !",
-        'toast.copyCoords.description': 'Les coordonnées ont été copiées dans le presse-papiers !'
+        'toast.copyCoords.description': 'Les coordonnées ont été copiées dans le presse-papiers !',
+        'legal.cta': 'Mentions légales',
     },
     'en': {
         'lang.fr': 'Français',
@@ -67,6 +68,7 @@ export const translations: LanguageDict = {
         'maps.markers.new': 'New marker',
         'maps.markers.addPersonal': 'Add a personal marker',
         'maps.markers.newNotice': "The marker will be saved but will only appear on your map!",
-        'toast.copyCoords.description': 'Coordinates have been copied to your clipboard !'
+        'toast.copyCoords.description': 'Coordinates have been copied to your clipboard !',
+        'legal.cta': 'Legal notice',
     }
 } as const;