fix: Add localized date formatting to gallery views

- Update GalleryLayout to use localized date formatting
- Update GalleryPage to use localized date formatting
- Dates now properly display in German/English based on selected language

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/gallery/GalleryLayout.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { Calendar, Clock, Download, LogOut } from 'lucide-react';
-import { format, parseISO } from 'date-fns';
+import { parseISO } from 'date-fns';
 import { useTranslation } from 'react-i18next';
+import { useLocalizedDate } from '../../hooks/useLocalizedDate';
 import { Button } from '../common';
 import { DynamicFavicon } from '../common/DynamicFavicon';
 
@@ -42,6 +43,7 @@ export const GalleryLayout: React.FC<GalleryLayoutProps> = ({
   children,
 }) => {
   const { t } = useTranslation();
+  const { format } = useLocalizedDate();
   return (
     <div className="min-h-screen bg-neutral-50">
       {/* Dynamic Favicon */}
@@ -78,13 +80,13 @@ export const GalleryLayout: React.FC<GalleryLayoutProps> = ({
                     {event.event_date && (
                       <span className="flex items-center">
                         <Calendar className="w-4 h-4 mr-1" />
-                        {format(parseISO(event.event_date), 'MMMM d, yyyy')}
+                        {format(parseISO(event.event_date), 'PP')}
                       </span>
                     )}
                     {event.expires_at && (
                       <span className="flex items-center">
                         <Clock className="w-4 h-4 mr-1" />
-                        {t('gallery.expires')} {format(parseISO(event.expires_at), 'MMM d')}
+                        {t('gallery.expires')} {format(parseISO(event.expires_at), 'PP')}
                       </span>
                     )}
                   </div>