Use MaterialComponents theme and add material lib

Switch Android app themes to Theme.MaterialComponents.DayNight.NoActionBar (values and values-night) so native UI (flutter_stripe PaymentSheet) works correctly; set windowBackground and navigationBarColor to use existing splash resources. Add com.google.android.material:material:1.12.0 to android/app/build.gradle.kts so Material attributes resolve. Also add docs/cursor_completed_issue_numbers_from_github.md (exported session notes) for bookkeeping.

Author: syed-reza98

android/app/build.gradle.kts

@@ -43,6 +43,11 @@ flutter {
     source = "../.."
 }
 
+dependencies {
+    // Ensures Theme.MaterialComponents resources resolve; required by flutter_stripe.
+    implementation("com.google.android.material:material:1.12.0")
+}
+
 // FCM: add `android/app/google-services.json` from Firebase Console (Android app
 // with package `com.example.pet_dating_app`). Without it, the app builds but
 // Firebase.initializeApp / device tokens will not work.

android/app/src/main/res/values-night/styles.xml

@@ -1,18 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is on -->
-    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
-        <!-- Show a splash screen on the activity. Automatically removed when
-             the Flutter engine draws its first frame -->
+    <style name="LaunchTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <item name="android:windowBackground">@drawable/launch_background</item>
     </style>
-    <!-- Theme applied to the Android Window as soon as the process has started.
-         This theme determines the color of the Android Window while your
-         Flutter UI initializes, as well as behind your Flutter UI while its
-         running.
-
-         This Theme is only used starting with V2 of Flutter's Android embedding. -->
-    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
-        <item name="android:windowBackground">?android:colorBackground</item>
+    <style name="NormalTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
+        <item name="android:windowBackground">@color/splashBackground</item>
+        <item name="android:navigationBarColor">@color/splashBackground</item>
     </style>
 </resources>

android/app/src/main/res/values/styles.xml

@@ -1,19 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
+    <!-- flutter_stripe PaymentSheet requires Theme.AppCompat / Theme.MaterialComponents
+         (not android: Theme.Black.*). See: https://github.com/flutter-stripe/flutter_stripe -->
     <!-- Theme applied to the Android Window while the process is starting.
-         Always uses the dark theme so the splash matches PetSphere's dark UI. -->
-    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
-        <!-- Show a splash screen on the activity. Automatically removed when
-             the Flutter engine draws its first frame -->
+         Uses dark window + splash drawable to match PetSphere. -->
+    <style name="LaunchTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <item name="android:windowBackground">@drawable/launch_background</item>
     </style>
-    <!-- Theme applied to the Android Window as soon as the process has started.
-         This theme determines the color of the Android Window while your
-         Flutter UI initializes, as well as behind your Flutter UI while its
-         running.
-
-         This Theme is only used starting with V2 of Flutter's Android embedding. -->
-    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+    <!-- Theme behind Flutter after embedding starts; Stripe native UI inherits this. -->
+    <style name="NormalTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <item name="android:windowBackground">@color/splashBackground</item>
+        <!-- Keep edge-to-edge / status bar sane on modern Android -->
+        <item name="android:navigationBarColor">@color/splashBackground</item>
     </style>
 </resources>