Add screens for opting into Sentry error tracking

src/components/App.tsx

@@ -11,11 +11,12 @@ import {
 } from '@react-navigation/native';
 import { useColorScheme } from 'react-native';
 import { ColorSchemeContext, themes } from './Colors';
+import ErrorReportingAlert from 'utility/ErrorReportingAlert';
 
 export default function App(): JSX.Element {
     const colorScheme = useColorScheme();
+    // const colorScheme = 'dark';
     const theme = themes[colorScheme || 'light'];
-    // const theme = 'dark';
 
     useEffect(() => {
         async function setupTrackPlayer() {

src/components/Colors.ts

@@ -16,7 +16,7 @@ function generateStyles(scheme: ColorSchemeName) {
             color: scheme === 'dark' ? '#ffffff88' : '#00000088',
         },
         view: {
-            backgroundColor: scheme === 'dark' ? '#111' : '#eee',
+            backgroundColor: scheme === 'dark' ? '#111' : '#f6f6f6',
         },
         border: {
             borderColor: scheme === 'dark' ? '#262626' : '#ddd',
@@ -43,6 +43,9 @@ function generateStyles(scheme: ColorSchemeName) {
         sectionHeading: {
             backgroundColor: scheme === 'dark' ? '#111' : '#eee',
             borderColor: scheme === 'dark' ? '#333' : '#ddd',
+        },
+        stackHeader: {
+            color: scheme === 'dark' ? 'white' : 'black'
         }
     });
 }