feat: Android APP V1 - Experimental Alpha

toju-app/src/main.ts

@@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { register as registerSwiperElements } from 'swiper/element/bundle';
 import { appConfig } from './app/app.config';
 import { App } from './app/app';
+import { applyMobileSafeAreaDefaults } from './app/infrastructure/mobile/logic/mobile-safe-area.rules';
 import mermaid from 'mermaid';
 
 declare global {
@@ -13,6 +14,9 @@ declare global {
 // Register Swiper custom elements (<swiper-container>, <swiper-slide>) globally.
 registerSwiperElements();
 
+// Ensure Capacitor SystemBars injection has a document root with safe-area defaults.
+applyMobileSafeAreaDefaults();
+
 // Expose mermaid globally for ngx-remark's MermaidComponent
 window.mermaid = mermaid;
 mermaid.initialize({