Fix language setting not being saved to database on admin settings page

- Added default_language field to general settings state in SettingsPage
- Replaced LanguageSelector component with simple select dropdown on settings page
- Fixed public settings endpoint to read general_default_language from database
- Language setting now properly saved when clicking Save Settings button
- Setting is correctly used by gallery login page and legal pages

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

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

frontend/src/components/admin/AdminSidebar.tsx

@@ -9,9 +9,11 @@ import {
   Settings,
   Camera,
   X,
-  Palette
+  Palette,
+  FileText
 } from 'lucide-react';
 import { useQuery } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
 import { settingsService } from '../../services/settings.service';
 
 interface AdminSidebarProps {
@@ -20,23 +22,25 @@ interface AdminSidebarProps {
 }
 
 interface NavItem {
-  name: string;
+  nameKey: string;
   href: string;
   icon: React.ComponentType<{ className?: string }>;
 }
 
 const navigation: NavItem[] = [
-  { name: 'Dashboard', href: '/admin/dashboard', icon: LayoutDashboard },
-  { name: 'Events', href: '/admin/events', icon: Calendar },
-  { name: 'Archives', href: '/admin/archives', icon: Archive },
-  { name: 'Analytics', href: '/admin/analytics', icon: BarChart3 },
-  { name: 'Email Settings', href: '/admin/email', icon: Mail },
-  { name: 'Branding', href: '/admin/branding', icon: Palette },
-  { name: 'Settings', href: '/admin/settings', icon: Settings },
+  { nameKey: 'navigation.dashboard', href: '/admin/dashboard', icon: LayoutDashboard },
+  { nameKey: 'navigation.events', href: '/admin/events', icon: Calendar },
+  { nameKey: 'navigation.archives', href: '/admin/archives', icon: Archive },
+  { nameKey: 'admin.analytics', href: '/admin/analytics', icon: BarChart3 },
+  { nameKey: 'navigation.emailSettings', href: '/admin/email', icon: Mail },
+  { nameKey: 'navigation.branding', href: '/admin/branding', icon: Palette },
+  { nameKey: 'navigation.settings', href: '/admin/settings', icon: Settings },
+  { nameKey: 'navigation.cmsPages', href: '/admin/cms', icon: FileText },
 ];
 
 export const AdminSidebar: React.FC<AdminSidebarProps> = ({ isOpen, onClose }) => {
   const location = useLocation();
+  const { t } = useTranslation();
 
   return (
     <div
@@ -49,7 +53,7 @@ export const AdminSidebar: React.FC<AdminSidebarProps> = ({ isOpen, onClose }) =
         <div className="flex items-center justify-between h-16 px-6 border-b border-neutral-200">
           <div className="flex items-center">
             <Camera className="w-8 h-8 text-primary-600" />
-            <span className="ml-2 text-xl font-bold text-neutral-900">Photo Admin</span>
+            <span className="ml-2 text-xl font-bold text-neutral-900">{t('admin.title')}</span>
           </div>
           <button
             onClick={onClose}
@@ -67,7 +71,7 @@ export const AdminSidebar: React.FC<AdminSidebarProps> = ({ isOpen, onClose }) =
             
             return (
               <NavLink
-                key={item.name}
+                key={item.nameKey}
                 to={item.href}
                 onClick={() => onClose()}
                 className={`flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-colors ${
@@ -79,7 +83,7 @@ export const AdminSidebar: React.FC<AdminSidebarProps> = ({ isOpen, onClose }) =
                 <item.icon className={`w-5 h-5 mr-3 ${
                   isActive ? 'text-primary-600' : 'text-neutral-400'
                 }`} />
-                {item.name}
+                {t(item.nameKey)}
               </NavLink>
             );
           })}
@@ -93,6 +97,7 @@ export const AdminSidebar: React.FC<AdminSidebarProps> = ({ isOpen, onClose }) =
 };
 
 const StorageInfo: React.FC = () => {
+  const { t } = useTranslation();
   const { data: storageInfo } = useQuery({
     queryKey: ['storage-info'],
     queryFn: () => settingsService.getStorageInfo(),
@@ -115,7 +120,7 @@ const StorageInfo: React.FC = () => {
     <div className="p-4 border-t border-neutral-200">
       <div className="bg-neutral-100 rounded-lg p-3">
         <div className="flex items-center justify-between text-sm">
-          <span className="text-neutral-700">Storage Used</span>
+          <span className="text-neutral-700">{t('admin.storageUsed')}</span>
           <span className="font-medium text-neutral-900">
             {settingsService.formatBytes(storageInfo.total_used)}
           </span>
@@ -127,7 +132,7 @@ const StorageInfo: React.FC = () => {
           />
         </div>
         <p className="text-xs text-neutral-600 mt-1">
-          {usagePercent}% of {settingsService.formatBytes(storageInfo.storage_limit)}
+          {t('admin.storagePercent', { percent: usagePercent, limit: settingsService.formatBytes(storageInfo.storage_limit) })}
         </p>
       </div>
     </div>