feat: add Report an Issue button to SettingsScreen

apps/mobile/.expo/README.md

@@ -0,0 +1,13 @@
+> Why do I have a folder named ".expo" in my project?
+
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+
+> What do the files contain?
+
+- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
+- "settings.json": contains the server configuration that is used to serve the application manifest.
+
+> Should I commit the ".expo" folder?
+
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

apps/mobile/.expo/devices.json

@@ -0,0 +1,3 @@
+{
+  "devices": []
+}

apps/mobile/android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,26 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme"
+      android:supportsRtl="true">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:launchMode="singleTask"
+        android:windowSoftInputMode="adjustResize"
+        android:exported="true">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+    </application>
+</manifest>

apps/mobile/src/screens/SettingsScreen.tsx

@@ -9,7 +9,9 @@ import {
   Alert,
   StatusBar,
   Image,
+  Linking,
 } from 'react-native';
+
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { COLORS, SPACING, FONT_SIZE, BORDER_RADIUS } from '../theme/tokens';
 import { useAuth } from '../context/AuthContext';
@@ -60,6 +62,15 @@ export default function SettingsScreen() {
       { text: 'Logout', style: 'destructive', onPress: logout },
     ]);
   };
+  const handleReportBug = async () => {
+    const url = 'mailto:support@devcard.dev?subject=Bug%20Report';
+    const canOpen = await Linking.canOpenURL(url);
+    if (canOpen) {
+      Linking.openURL(url);
+    } else {
+      Alert.alert('No mail app found', 'Please email support@devcard.dev directly.');
+    }
+  };
 
   return (
     <SafeAreaView style={styles.container}>
@@ -114,6 +125,20 @@ export default function SettingsScreen() {
           </TouchableOpacity>
         </View>
 
+        <View style={styles.sectionContainer}>
+          <Text style={styles.sectionSubtitle}>Support</Text>
+          <Text style={styles.reportDescription}>
+            Found a bug? Include steps to reproduce, your device model, and OS version.
+          </Text>
+          <TouchableOpacity style={styles.settingRow} onPress={handleReportBug}>
+            <View style={styles.settingRowLeft}>
+              <Text style={styles.settingRowIcon}>🐛</Text>
+              <Text style={styles.settingRowText}>Report an issue</Text>
+            </View>
+            <Text style={styles.settingRowArrow}>→</Text>
+          </TouchableOpacity>
+        </View>
+
         <TouchableOpacity style={styles.logoutButton} onPress={handleLogout}>
           <Text style={styles.logoutButtonText}>Log Out</Text>
         </TouchableOpacity>
@@ -190,6 +215,13 @@ const styles = StyleSheet.create({
   logoutButtonText: { color: COLORS.error, fontWeight: '600', fontSize: FONT_SIZE.md },
   sectionContainer: { marginBottom: SPACING.xl },
   sectionSubtitle: { fontSize: FONT_SIZE.md, fontWeight: '700', color: COLORS.textSecondary, marginBottom: SPACING.sm },
+
+  reportDescription: {
+    fontSize: FONT_SIZE.sm,
+    color: COLORS.textMuted,
+    marginBottom: SPACING.sm,
+  },
+
   settingRow: { 
     flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center',
     backgroundColor: COLORS.bgCard, padding: SPACING.md, borderRadius: BORDER_RADIUS.md,