feat: Add comprehensive system enhancements

- Add version display above storage consumption in admin sidebar
- Fix storage consumption to stick to bottom of window using flexbox
- Add user upload settings to events (allow uploads, category selection)
- Enhance disk space tab to comprehensive system status view
- Add localized date formatting for German/English language support
- Remove quick actions from dashboard for cleaner interface
- Create user photo upload functionality for galleries
- Add database migration for user upload settings
- Update all TypeScript types and interfaces

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

Co-Authored-By: Claude <[email protected]>

frontend/src/pages/admin/CreateEventPage.tsx

@@ -6,14 +6,17 @@ import {
   Lock,
   Clock,
   ArrowLeft,
-  Info
+  Info,
+  Upload
 } from 'lucide-react';
 import { format, addDays } from 'date-fns';
 import { toast } from 'react-toastify';
 
 import { Button, Input, Card } from '../../components/common';
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQuery } from '@tanstack/react-query';
 import { eventsService } from '../../services/events.service';
+import { categoriesService } from '../../services/categories.service';
+import { useTranslation } from 'react-i18next';
 
 interface FormData {
   event_type: string;
@@ -26,6 +29,8 @@ interface FormData {
   welcome_message: string;
   color_theme: string;
   expires_in_days: number;
+  allow_user_uploads: boolean;
+  upload_category_id: number | null;
 }
 
 const EVENT_TYPES = [
@@ -100,6 +105,7 @@ const COLOR_THEMES = [
 
 export const CreateEventPage: React.FC = () => {
   const navigate = useNavigate();
+  const { t } = useTranslation();
   const isMountedRef = useRef(true);
   
   useEffect(() => {
@@ -119,11 +125,19 @@ export const CreateEventPage: React.FC = () => {
     welcome_message: '',
     color_theme: 'default',
     expires_in_days: 30,
+    allow_user_uploads: false,
+    upload_category_id: null,
   });
   
   const [errors, setErrors] = useState<Partial<Record<keyof FormData, string>>>({});
   const [showPassword, setShowPassword] = useState(false);
 
+  // Fetch categories for user upload selection
+  const { data: categories } = useQuery({
+    queryKey: ['categories', 'global'],
+    queryFn: () => categoriesService.getGlobalCategories()
+  });
+
   const createMutation = useMutation({
     mutationFn: eventsService.createEvent,
     onSuccess: (data) => {
@@ -215,6 +229,8 @@ export const CreateEventPage: React.FC = () => {
       welcome_message: formData.welcome_message || '',
       color_theme: selectedTheme ? JSON.stringify(selectedTheme.theme) : undefined,
       expiration_days: formData.expires_in_days,
+      allow_user_uploads: formData.allow_user_uploads,
+      upload_category_id: formData.upload_category_id,
     });
   };
 
@@ -482,6 +498,66 @@ export const CreateEventPage: React.FC = () => {
           </div>
         </Card>
 
+        {/* User Upload Settings */}
+        <Card padding="md" className="mb-6">
+          <h2 className="text-lg font-semibold text-neutral-900 mb-4">{t('events.userUploads')}</h2>
+          
+          <div className="space-y-4">
+            {/* Allow User Uploads */}
+            <div>
+              <label className="flex items-center">
+                <input
+                  type="checkbox"
+                  checked={formData.allow_user_uploads}
+                  onChange={(e) => setFormData(prev => ({ ...prev, allow_user_uploads: e.target.checked }))}
+                  className="w-4 h-4 text-primary-600 border-neutral-300 rounded focus:ring-primary-500"
+                />
+                <span className="ml-2 text-sm text-neutral-700">{t('events.allowUserUploads')}</span>
+              </label>
+              <p className="text-xs text-neutral-500 mt-1 ml-6">
+                {t('events.allowUserUploadsHelp')}
+              </p>
+            </div>
+
+            {/* Upload Category Selection */}
+            {formData.allow_user_uploads && (
+              <div>
+                <label htmlFor="upload_category" className="block text-sm font-medium text-neutral-700 mb-1">
+                  {t('events.uploadCategory')}
+                </label>
+                <select
+                  id="upload_category"
+                  value={formData.upload_category_id || ''}
+                  onChange={(e) => setFormData(prev => ({ 
+                    ...prev, 
+                    upload_category_id: e.target.value ? parseInt(e.target.value) : null 
+                  }))}
+                  className="w-full px-3 py-2 border border-neutral-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+                >
+                  <option value="">{t('events.selectCategory')}</option>
+                  {categories?.map((category: any) => (
+                    <option key={category.id} value={category.id}>
+                      {category.name}
+                    </option>
+                  ))}
+                </select>
+                <p className="text-xs text-neutral-500 mt-1">
+                  {t('events.uploadCategoryHelp')}
+                </p>
+              </div>
+            )}
+
+            {formData.allow_user_uploads && (
+              <div className="mt-2 p-3 bg-amber-50 rounded-lg flex items-start gap-2">
+                <Upload className="w-5 h-5 text-amber-600 flex-shrink-0" />
+                <div className="text-sm text-amber-800">
+                  <p>{t('events.userUploadWarning')}</p>
+                </div>
+              </div>
+            )}
+          </div>
+        </Card>
+
         {/* Submit Buttons */}
         <div className="flex justify-end gap-3">
           <Button