[ADE-100] - Add iOS support and status bar configuration

- Configure Capacitor for iOS platform
- Add iOS project files and configurations
- Implement status bar styling for iOS and Android
- Update theme and styling for safe areas and status bar
- Add iOS-specific npm scripts and dependencies

Author: jkestering-modus

frontend/capacitor.config.ts

@@ -4,6 +4,20 @@ const config: CapacitorConfig = {
   appId: 'net.leanstacks.ionic8',
   appName: 'Ionic Playground 8',
   webDir: 'dist',
+  plugins: {
+    StatusBar: {
+      style: 'light',
+      overlaysWebView: true,
+      backgroundColor: '#4765ff'
+    }
+  },
+  ios: {
+    contentInset: 'automatic'
+  },
+  android: {
+    // Handle status bar color/transparency on Android
+    backgroundColor: '#4765ff'
+  }
 };
 
 export default config;

frontend/ios/.gitignore

@@ -0,0 +1,13 @@
+App/build
+App/Pods
+App/output
+App/App/public
+DerivedData
+xcuserdata
+
+# Cordova plugins for Capacitor
+capacitor-cordova-ios-plugins
+
+# Generated Config files
+App/App/capacitor.config.json
+App/App/config.xml