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 <[email protected]>

frontend/src/components/admin/PhotoUpload.tsx

@@ -4,6 +4,8 @@ import { Button } from '../common';
 import { clsx } from 'clsx';
 import { api } from '../../config/api';
 import { toast } from 'react-toastify';
+import { useQuery } from '@tanstack/react-query';
+import { categoriesService } from '../../services/categories.service';
 
 interface PhotoUploadProps {
   eventId: number;
@@ -14,8 +16,14 @@ export const PhotoUpload: React.FC<PhotoUploadProps> = ({ eventId, onUploadCompl
   const [isUploading, setIsUploading] = useState(false);
   const [selectedFiles, setSelectedFiles] = useState<File[]>([]);
   const [uploadProgress, setUploadProgress] = useState(0);
-  const [photoType, setPhotoType] = useState<'individual' | 'collage'>('individual');
+  const [selectedCategoryId, setSelectedCategoryId] = useState<number | null>(null);
   const fileInputRef = useRef<HTMLInputElement>(null);
+  
+  // Fetch categories for this event
+  const { data: categories = [] } = useQuery({
+    queryKey: ['event-categories', eventId],
+    queryFn: () => categoriesService.getEventCategories(eventId),
+  });
 
   const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
     const files = Array.from(e.target.files || []);
@@ -36,10 +44,20 @@ export const PhotoUpload: React.FC<PhotoUploadProps> = ({ eventId, onUploadCompl
     setUploadProgress(0);
 
     const formData = new FormData();
-    selectedFiles.forEach(file => {
+    selectedFiles.forEach((file, index) => {
+      console.log(`Adding file ${index}: ${file.name}, size: ${file.size}`);
       formData.append('photos', file);
     });
-    formData.append('type', photoType);
+    
+    if (selectedCategoryId) {
+      formData.append('category_id', selectedCategoryId.toString());
+    }
+    
+    // Debug: Log FormData contents
+    console.log('FormData entries:');
+    for (let pair of formData.entries()) {
+      console.log(pair[0], pair[1]);
+    }
 
     try {
       const response = await api.post(`/api/admin/events/${eventId}/upload`, formData, {
@@ -86,33 +104,23 @@ export const PhotoUpload: React.FC<PhotoUploadProps> = ({ eventId, onUploadCompl
 
   return (
     <div className="space-y-4">
-      {/* Photo Type Selection */}
+      {/* Category Selection */}
       <div>
         <label className="block text-sm font-medium text-neutral-700 mb-2">
-          Photo Type
+          Photo Category
         </label>
-        <div className="flex gap-4">
-          <label className="flex items-center">
-            <input
-              type="radio"
-              value="individual"
-              checked={photoType === 'individual'}
-              onChange={(e) => setPhotoType(e.target.value as 'individual')}
-              className="mr-2"
-            />
-            <span>Individual Photos</span>
-          </label>
-          <label className="flex items-center">
-            <input
-              type="radio"
-              value="collage"
-              checked={photoType === 'collage'}
-              onChange={(e) => setPhotoType(e.target.value as 'collage')}
-              className="mr-2"
-            />
-            <span>Collages</span>
-          </label>
-        </div>
+        <select
+          value={selectedCategoryId || ''}
+          onChange={(e) => setSelectedCategoryId(e.target.value ? Number(e.target.value) : null)}
+          className="w-full px-3 py-2 border border-neutral-300 rounded-lg focus:ring-2 focus:ring-primary-500"
+        >
+          <option value="">No category</option>
+          {categories.map((category) => (
+            <option key={category.id} value={category.id}>
+              {category.name} {!category.is_global && '(Event specific)'}
+            </option>
+          ))}
+        </select>
       </div>
 
       {/* File Input Area */}