UI: Make preview canvas responsive, scale sizes

App.tsx

@@ -77,7 +77,7 @@ export default function App() {
     await saveSettings(updated);
     setSettings(updated);
     setShowEventModal(false);
-    
+
     // Resume start
     setPhotoUris([]);
     setCaptureHistory([]);
@@ -117,7 +117,7 @@ export default function App() {
     const removedUris = updatedUris.splice(-lastCaptureCount, lastCaptureCount);
     setPhotoUris(updatedUris);
     setCaptureHistory((prev) => prev.slice(0, -1));
-    
+
     // Clean up temp files
     for (const uri of removedUris) {
       try {
@@ -126,7 +126,7 @@ export default function App() {
         console.warn('Failed to delete temp file:', e);
       }
     }
-    
+
     // Always let user retake
     setCurrentScreen('camera');
   };
@@ -163,13 +163,13 @@ export default function App() {
     <GestureHandlerRootView style={styles.container}>
       <SafeAreaView style={styles.container}>
         <StatusBar hidden={true} />
-        
+
         {/* 
           Keep CameraScreen ALWAYS mounted in the background to prevent 
           Android expo-camera hardware crashes when unmounting right after capture 
         */}
-        <View 
-          style={StyleSheet.absoluteFill} 
+        <View
+          style={StyleSheet.absoluteFill}
           pointerEvents={(currentScreen === 'preview' || currentScreen === 'admin') ? 'none' : 'auto'}
         >
           <CameraScreen
@@ -233,7 +233,7 @@ export default function App() {
               </Text>
               <TextInput
                 style={styles.modalInput}
-                placeholder="Schnappix-Party"
+                placeholder="z.B. Schnappix-Party"
                 placeholderTextColor="#666"
                 value={tempEventName}
                 onChangeText={setTempEventName}