fix(android): Prevent status bar from overlapping content

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

@@ -13,6 +13,8 @@
         <item name="windowActionBar">false</item>
         <item name="windowNoTitle">true</item>
         <item name="android:background">@null</item>
+        <item name="android:fitsSystemWindows">true</item>
+        <item name="android:statusBarColor">#09090b</item>
     </style>
 
 

frontend/capacitor.config.ts

@@ -20,6 +20,7 @@ const config: CapacitorConfig = {
         StatusBar: {
             backgroundColor: '#09090b',
             style: 'DARK',
+            overlaysWebView: false,
         },
         PushNotifications: {
             presentationOptions: ['badge', 'sound', 'alert'],