Finish QR code scanner, still needs some styling changes

App.tsx

@@ -1,12 +1,11 @@
-import { StyleSheet, Text, View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { StatusBar } from 'expo-status-bar';
-import Logo from '@/components/Logo';
+import QRCodeScanner from '@/components/QRCodeScanner/QRCodeScanner';
 
-export default function App() {
+export default function StartPage() {
   return (
     <View style={styles.container}>
-      <Logo />
-      <Text>Open up App.tsx to start working on your app!</Text>
+      <QRCodeScanner />
       <StatusBar style="auto" />
     </View>
   );

app.json

@@ -1,12 +1,20 @@
 {
   "expo": {
-    "name": "mobile-app-template",
-    "slug": "mobile-app-template",
-    "owner": "mobileapptemplate",
+    "name": "Our City Forest",
+    "slug": "Our City Forest",
+    "owner": "ourcityforest",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/bp-icon.png",
     "userInterfaceStyle": "light",
+     "plugins": [
+      [
+        "expo-camera",
+        {
+          "cameraPermission": "Allow Our City Forest to access your camera to scan QR codes."
+        }
+      ]
+    ],
     "splash": {
       "image": "./assets/bp-splash.png",
       "resizeMode": "contain",

package.json

@@ -19,13 +19,11 @@
     "@react-navigation/native": "^6.1.18",
     "@react-navigation/native-stack": "^6.11.0",
     "@supabase/supabase-js": "^2.45.4",
-    "expo": "~51.0.21",
+    "expo": "~51.0.36",
     "expo-auth-session": "~5.5.2",
-    "expo-barcode-scanner": "~13.0.1",
     "expo-camera": "~15.0.16",
     "expo-constants": "~16.0.2",
     "expo-device": "~6.0.2",
-    "expo-linking": "~6.3.1",
     "expo-status-bar": "~1.12.1",
     "react": "18.2.0",
     "react-native": "^0.74.5",