feat: Implement UI enhancements and fix burst bug

App.tsx

@@ -5,7 +5,7 @@ import CameraScreen from './src/screens/CameraScreen';
 import PreviewScreen from './src/screens/PreviewScreen';
 import AdminScreen from './src/screens/AdminScreen';
 import { loadSettings, saveSettings, AppSettings } from './src/services/settings';
-import { logger } from './src/services/logger';
+import { logger, setLogsEnabled } from './src/services/logger';
 import * as FileSystem from 'expo-file-system/legacy';
 
 // Set up global error handler
@@ -33,6 +33,7 @@ export default function App() {
     async function initApp() {
       const savedSettings = await loadSettings();
       setSettings(savedSettings);
+      setLogsEnabled(savedSettings.enableLogs);
 
       // Auto-start Kiosk mode if it was configured as enabled
       if (savedSettings.kioskModeEnabled) {
@@ -129,6 +130,7 @@ export default function App() {
 
   const handleSaveSettings = (updated: AppSettings) => {
     setSettings(updated);
+    setLogsEnabled(updated.enableLogs);
   };
 
   const handleOpenAdmin = () => {
@@ -160,6 +162,8 @@ export default function App() {
             burstIntervalSec={settings.burstIntervalSec}
             frameMode={settings.frameMode}
             selectedFrameId={settings.selectedFrameId}
+            footerText={settings.footerText}
+            useFrontCamera={settings.useFrontCamera}
           />
         </View>
 
@@ -200,11 +204,11 @@ export default function App() {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#050510',
+    backgroundColor: 'green',
   },
   loadingContainer: {
     flex: 1,
-    backgroundColor: '#050510',
+    backgroundColor: 'red',
     justifyContent: 'center',
     alignItems: 'center',
   },