fix: harden whole-app responsive and theme behavior

lib/features/routes/route_detail_screen.dart

@@ -145,7 +145,7 @@ class _RouteDetailScreenState extends ConsumerState<RouteDetailScreen> {
           child: CircularProgressIndicator(color: colors.cyberCyan),
         ),
         error: (err, _) => Center(
-          child: Padding(
+          child: SingleChildScrollView(
             padding: const EdgeInsets.all(24.0),
             child: Column(
               mainAxisSize: MainAxisSize.min,
@@ -383,7 +383,9 @@ class _RouteDetailScreenState extends ConsumerState<RouteDetailScreen> {
     List<AppMapMarker> markers,
     List<AppPolyline> polylines,
   ) {
-    final double mapHeight = snapshot.height < 450 ? 140 : 220;
+    final double mapHeight = snapshot.height < 360
+        ? 96
+        : (snapshot.height < 450 ? 140 : 220);
 
     return SingleChildScrollView(
       child: Column(

lib/features/routes/route_planner_screen.dart

@@ -707,8 +707,8 @@ class _RoutePlannerScreenState extends ConsumerState<RoutePlannerScreen> {
     // Generous space (>= 620dp): 220dp
     // Moderate space (500–619dp): 160dp
     // Constrained space (380–499dp, e.g. IME keyboard open): 110dp
-    // Severely constrained space (280–379dp, e.g. landscape): 70dp
-    // Extreme constraint (< 280dp): 0dp (collapses so inputs stay visible and editable)
+    // Severely constrained space (340–379dp): 60dp
+    // Extreme constraint (< 340dp, e.g. 640x320 landscape): 0dp (collapses so inputs stay visible and editable)
     final double mapHeight;
     final bool showDisclaimer;
     if (snapshot.height >= 620) {
@@ -720,8 +720,8 @@ class _RoutePlannerScreenState extends ConsumerState<RoutePlannerScreen> {
     } else if (snapshot.height >= 380) {
       mapHeight = 110.0;
       showDisclaimer = false;
-    } else if (snapshot.height >= 280) {
-      mapHeight = 70.0;
+    } else if (snapshot.height >= 340) {
+      mapHeight = 60.0;
       showDisclaimer = false;
     } else {
       mapHeight = 0.0;

lib/features/social/friends_screen.dart

@@ -413,9 +413,10 @@ class _FriendsScreenState extends ConsumerState<FriendsScreen>
             ),
             data: (friends) {
               if (friends.isEmpty) {
-                return Center(
+                return SingleChildScrollView(
+                  child: Center(
                     child: Padding(
-                    padding: const EdgeInsets.all(32.0),
+                      padding: const EdgeInsets.all(24.0),
                       child: Column(
                         mainAxisAlignment: MainAxisAlignment.center,
                         children: [
@@ -453,6 +454,7 @@ class _FriendsScreenState extends ConsumerState<FriendsScreen>
                         ],
                       ),
                     ),
+                  ),
                 );
               }