Use translation helpers consistently: translate alt text and refactor 404 page

Co-authored-by: neilime <314088+neilime@users.noreply.github.com>

Author: Copilot

application/src/i18n/locales/en.ts

@@ -15,6 +15,7 @@ export default {
   'footer.terms': 'Terms of Service',
   'footer.privacy': 'Privacy Policy',
   'footer.note': 'Designed by the <a class="text-blue-600 underline dark:text-muted" href="https://cloudnative-provence.fr/">Cloud Native Provence community</a> · All rights reserved.',
+  'footer.logoAlt': 'Cloud Native Provence Logo',
 
   'home.hero.cta.participate': 'I want to participate',
   'home.hero.cta.learnMore': 'Learn more',
@@ -27,6 +28,12 @@ export default {
   'home.features.tagline': 'Why attend?',
   'home.features.title': 'Cloud Native Provence at a glance',
 
+  'notFound.title': 'Error 404',
+  'notFound.error': 'Error',
+  'notFound.heading': 'Sorry, this page was not found.',
+  'notFound.message': 'But don\'t worry, you can find plenty of other information on our home page.',
+  'notFound.backToHome': 'Back to home',
+  
   'meta.title.default': 'Cloud Native Provence',
   'meta.title.template': '%s — Cloud Native Provence',
   'meta.description': 'The Cloud Native & Kubernetes day in Aix-en-Provence, organized by the community.',

application/src/i18n/locales/fr.ts

@@ -15,6 +15,7 @@ export default {
   'footer.terms': 'Mentions légales',
   'footer.privacy': 'Politique de confidentialité',
   'footer.note': 'Conçu par la <a class="text-blue-600 underline dark:text-muted" href="https://cloudnative-provence.fr/">communauté Cloud Native Provence</a> · Tous droits réservés.',
+  'footer.logoAlt': 'Logo Cloud Native Provence',
 
   'home.hero.cta.participate': 'Je veux participer',
   'home.hero.cta.learnMore': 'En savoir plus',
@@ -27,6 +28,12 @@ export default {
   'home.features.tagline': 'Pourquoi venir ?',
   'home.features.title': 'Cloud Native Provence en un clin d\'œil',
 
+  'notFound.title': 'Erreur 404',
+  'notFound.error': 'Erreur',
+  'notFound.heading': 'Désolé, cette page est introuvable.',
+  'notFound.message': 'Mais ne vous inquiétez pas, vous pouvez retrouver plein d\'autres informations sur notre page d\'accueil.',
+  'notFound.backToHome': 'Retour à l\'accueil',
+  
   'meta.title.default': 'Cloud Native Provence',
   'meta.title.template': '%s — Cloud Native Provence',
   'meta.description': 'La journée Cloud Native & Kubernetes à Aix-en-Provence, organisée par la communauté.',

application/src/navigation.ts

@@ -52,7 +52,7 @@ export const getFooterData = (locale: string = 'fr') => {
     ],
     socialLinks: [],
     footNote: `
-      <img class="w-5 h-5 md:w-6 md:h-6 md:-mt-0.5 bg-cover mr-1.5 rtl:mr-0 rtl:ml-1.5 float-left rtl:float-right rounded-sm" src="${favIcon.src}" alt="Logo Cloud Native Provence" loading="lazy" />
+      <img class="w-5 h-5 md:w-6 md:h-6 md:-mt-0.5 bg-cover mr-1.5 rtl:mr-0 rtl:ml-1.5 float-left rtl:float-right rounded-sm" src="${favIcon.src}" alt="${t('footer.logoAlt')}" loading="lazy" />
       ${t('footer.note')}
     `,
   };

application/src/pages/404.astro

@@ -1,30 +1,24 @@
 ---
 import Layout from '~/layouts/Layout.astro';
-import { getLangFromUrl } from '~/i18n/utils';
+import { getLangFromUrl, useTranslations } from '~/i18n/utils';
 
 const lang = getLangFromUrl(Astro.url);
-
-const title = lang === 'en' ? 'Error 404' : 'Erreur 404';
-const heading = lang === 'en' ? 'Sorry, this page was not found.' : 'Désolé, cette page est introuvable.';
-const message = lang === 'en' 
-  ? 'But don\'t worry, you can find plenty of other information on our home page.'
-  : 'Mais ne vous inquiétez pas, vous pouvez retrouver plein d\'autres informations sur notre page d\'accueil.';
-const buttonText = lang === 'en' ? 'Back to home' : 'Retour à l\'accueil';
+const t = useTranslations(lang);
 ---
 
-<Layout metadata={{ title }}>
+<Layout metadata={{ title: t('notFound.title') }}>
   <section class="flex items-center h-full p-16">
     <div class="container flex flex-col items-center justify-center px-5 mx-auto my-8">
       <div class="max-w-md text-center">
         <h2 class="mb-8 font-bold text-9xl">
-          <span class="sr-only">{lang === 'en' ? 'Error' : 'Erreur'}</span>
+          <span class="sr-only">{t('notFound.error')}</span>
           <span class="text-primary">404</span>
         </h2>
-        <p class="text-3xl font-semibold md:text-3xl">{heading}</p>
+        <p class="text-3xl font-semibold md:text-3xl">{t('notFound.heading')}</p>
         <p class="mt-4 mb-8 text-lg text-muted dark:text-slate-400">
-          {message}
+          {t('notFound.message')}
         </p>
-        <a rel="noopener noreferrer" href={`/${lang}/`} class="btn ml-4">{buttonText}</a>
+        <a rel="noopener noreferrer" href={`/${lang}/`} class="btn ml-4">{t('notFound.backToHome')}</a>
       </div>
     </div>
   </section>