feat: add i18n and avatar upload

apps/frontend/src/components/Layout/Footer.tsx

@@ -2,12 +2,14 @@ import { useQuery } from '@tanstack/react-query';
 import { Gift } from 'lucide-react';
 import { api } from '@/lib/api';
 import { FRONTEND_VERSION } from '@/lib/version';
+import { useI18n } from '@/i18n/i18n';
 
 interface VersionInfo {
   backend: string;
 }
 
 export function Footer() {
+  const { t } = useI18n();
   const { data } = useQuery({
     queryKey: ['version'],
     queryFn: () => api.get<VersionInfo>('/api/version'),
@@ -19,12 +21,12 @@ export function Footer() {
       <div className="flex flex-col items-center justify-between gap-2 sm:flex-row">
         <div className="flex items-center gap-2">
           <Gift className="h-4 w-4" aria-hidden />
-          <span className="font-display text-sm">Family Wishlist</span>
+          <span className="font-display text-sm">{t('app.name')}</span>
         </div>
         <div className="flex items-center gap-3">
-          <span>frontend v{FRONTEND_VERSION}</span>
+          <span>{t('footer.frontend', { version: FRONTEND_VERSION })}</span>
           <span className="opacity-50">·</span>
-          <span>backend v{data?.backend ?? '...'}</span>
+          <span>{t('footer.backend', { version: data?.backend ?? '...' })}</span>
         </div>
       </div>
     </footer>