refactor: remove redundant System UI overlay style setting and centralize it in Home widget

Author: nini22P

lib/main.dart

@@ -85,14 +85,6 @@ class MyApp extends HookWidget {
 
   @override
   Widget build(BuildContext context) {
-    useEffect(() {
-      SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
-        statusBarColor: Colors.transparent,
-        systemNavigationBarColor: Colors.transparent,
-      ));
-      return null;
-    }, []);
-
     useEffect(() {
       () async {
         globals.storagePermissionStatus = Platform.isAndroid

lib/pages/home/home.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:flutter_zustand/flutter_zustand.dart';
 import 'package:iris/hooks/use_fvp_player.dart';
@@ -30,6 +31,13 @@ class Home extends HookWidget {
       }
     }();
 
-    return Scaffold(body: player);
+    return AnnotatedRegion(
+      value: const SystemUiOverlayStyle(
+        statusBarIconBrightness: Brightness.light,
+        statusBarColor: Colors.transparent,
+        systemNavigationBarColor: Colors.transparent,
+      ),
+      child: Scaffold(body: player),
+    );
   }
 }