fix: black camera screen after navigation, and optimize collage layout usage for landscape photos

App.tsx

@@ -148,10 +148,7 @@ export default function App() {
           Android expo-camera hardware crashes when unmounting right after capture 
         */}
         <View 
-          style={[
-            StyleSheet.absoluteFill, 
-            (currentScreen === 'preview' || currentScreen === 'admin') && { zIndex: -10 }
-          ]} 
+          style={StyleSheet.absoluteFill} 
           pointerEvents={(currentScreen === 'preview' || currentScreen === 'admin') ? 'none' : 'auto'}
         >
           <CameraScreen

src/screens/PreviewScreen.tsx

@@ -392,7 +392,7 @@ export default function PreviewScreen({
                   key={idx} 
                   source={{ uri }} 
                   style={styles.stripImage} 
-                  resizeMode="contain"
+                  resizeMode="cover"
                   resizeMethod="resize"
                   onLoad={() => logger.log(`Image loaded successfully: ${uri}`)}
                   onError={(e) => logger.error(`Image load failed: ${uri}`, e.nativeEvent?.error || e)}
@@ -414,7 +414,7 @@ export default function PreviewScreen({
                   key={idx} 
                   source={{ uri }} 
                   style={styles.gridImage} 
-                  resizeMode="contain"
+                  resizeMode="cover"
                   resizeMethod="resize"
                   onLoad={() => logger.log(`Grid Image loaded successfully: ${uri}`)}
                   onError={(e) => logger.error(`Grid Image load failed: ${uri}`, e.nativeEvent?.error || e)}
@@ -435,7 +435,7 @@ export default function PreviewScreen({
                   key={idx} 
                   source={{ uri }} 
                   style={styles.duoImage} 
-                  resizeMode="contain"
+                  resizeMode="cover"
                   resizeMethod="resize"
                   onLoad={() => logger.log(`Duo Image loaded successfully: ${uri}`)}
                   onError={(e) => logger.error(`Duo Image load failed: ${uri}`, e.nativeEvent?.error || e)}
@@ -904,12 +904,13 @@ const styles = StyleSheet.create({
   stripCanvas: {},
   stripContent: {
     flex: 1,
+    flexDirection: 'row',
     width: '100%',
     justifyContent: 'space-between',
   },
   stripImage: {
-    width: '100%',
-    height: '31%',
+    width: '32.5%',
+    height: '100%',
     resizeMode: 'cover',
     borderRadius: 2,
   },
@@ -931,12 +932,13 @@ const styles = StyleSheet.create({
   duoCanvas: {},
   duoContainer: {
     flex: 1,
+    flexDirection: 'row',
     width: '100%',
     justifyContent: 'space-between',
   },
   duoImage: {
-    width: '100%',
-    height: '49%',
+    width: '49%',
+    height: '100%',
     resizeMode: 'cover',
     borderRadius: 2,
   },