fix link responsive design

components/Layout/Navigation/Md.vue

@@ -31,13 +31,12 @@
             class="icon"
           />
 
-          <AgendaLink href="/agenda-culturel">
-            <v-btn
-              icon="fas fa-calendar"
-              aria-label="L'agenda culturel"
-              class="icon"
-            />
-          </AgendaLink>
+          <v-btn
+            :href="runtimeConfig.public.agendaBaseUrl"
+            icon="fas fa-calendar"
+            aria-label="L'agenda culturel"
+            class="icon"
+          />
         </template>
       </v-app-bar>
 
@@ -83,6 +82,7 @@ import AgendaLink from '~/components/Common/AgendaLink.vue'
 import type { MainMenuItem } from '~/types/interface'
 
 const { mdAndDown } = useDisplay()
+const runtimeConfig = useRuntimeConfig()
 
 const props = defineProps({
   menu: {
@@ -96,6 +96,7 @@ const toggleMenu = () => {
   isMenuOpen.value = !isMenuOpen.value
 }
 
+
 const activeMenuIndex: Ref<number | null> = ref(null)
 
 const activeMenu = computed(() =>