Ajout du sélecteur de langue dans le footer photo

src/components/photo/PhotoFooter.astro

@@ -1,4 +1,5 @@
 ---
+import PhotoLanguageSwitcher from './PhotoLanguageSwitcher.astro';
 import { t, getAboutPath, type Locale } from '../../utils/i18n';
 
 interface Props {
@@ -15,6 +16,7 @@ const { lang = 'fr' } = Astro.props;
       <a href="mailto:jalil@arfaoui.net">{t('photo', 'contact', lang)}</a>
       <a href="https://instagram.com/l.i.l.a.j" target="_blank" rel="noopener noreferrer">Instagram</a>
     </div>
+    <PhotoLanguageSwitcher lang={lang} />
     <div class="photo-footer-copy">
       &copy; Jalil Arfaoui <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener noreferrer">Creative Commons CC-BY-NC 4.0</a>
     </div>
@@ -46,6 +48,12 @@ const { lang = 'fr' } = Astro.props;
 .photo-footer-links {
   display: flex;
   gap: 15px;
+  flex: 1;
+}
+
+.photo-footer-copy {
+  flex: 1;
+  text-align: end;
 }
 
 .photo-footer-links a,

src/components/photo/PhotoLanguageSwitcher.astro

@@ -0,0 +1,55 @@
+---
+import { getPhotoBasePath, type Locale } from '../../utils/i18n';
+
+interface Props {
+  lang?: Locale;
+}
+
+const { lang = 'fr' } = Astro.props;
+
+const languages = [
+  { code: 'fr' as const, label: 'FR', name: 'Français' },
+  { code: 'en' as const, label: 'EN', name: 'English' },
+  { code: 'ar' as const, label: 'ع', name: 'العربية' },
+];
+---
+
+<div class="photo-lang-switcher">
+  {languages.map((l, i) => (
+    <>
+      {i > 0 && <span class="lang-sep">·</span>}
+      {l.code === lang ? (
+        <span class="lang-active" title={l.name}>{l.label}</span>
+      ) : (
+        <a href={getPhotoBasePath(l.code)} class="lang-link" title={l.name} hreflang={l.code}>{l.label}</a>
+      )}
+    </>
+  ))}
+</div>
+
+<style>
+.photo-lang-switcher {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.lang-sep {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.lang-active {
+  color: white;
+  font-weight: 600;
+}
+
+.lang-link {
+  color: rgba(255, 255, 255, 0.5);
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.lang-link:hover {
+  color: white;
+}
+</style>