fix: syntax error in nearby_list.dart

Author: Ero-Cat

lib/main.dart

@@ -105,7 +105,10 @@ class HrOscApp extends StatelessWidget {
             child: child!,
           );
         },
-        home: const HeartDashboard(),
+        home: ScrollConfiguration(
+          behavior: const ScrollBehavior().copyWith(scrollbars: false),
+          child: const HeartDashboard(),
+        ),
       ),
     );
   }

lib/theme/design_system.dart

@@ -5,7 +5,7 @@ import 'package:flutter/cupertino.dart';
 class AppColors {
   // Backgrounds
   static const bgPrimary = CupertinoDynamicColor.withBrightness(
-    color: Color(0xFFF0F2F5), // Refined off-white
+    color: Color(0xFFF2F2F7), // iOS System Gray 6
     darkColor: Color(0xFF000000), // Pure black for OLED
   );
   static const bgSecondary = CupertinoDynamicColor.withBrightness(
@@ -66,6 +66,15 @@ class AppColors {
   );
 }
 
+class AppShadows {
+  static final card = BoxShadow(
+     color: const Color(0x1F000000), // Black with ~12% opacity
+     offset: const Offset(0, 4),
+     blurRadius: 12,
+     spreadRadius: 0,
+  );
+}
+
 // --- Typography (San Francisco -ish) ---
 class AppTypography {
   static const largeTitle = TextStyle(

lib/widgets/glass_surface.dart

@@ -25,24 +25,31 @@ class GlassSurface extends StatelessWidget {
         ? CupertinoColors.black.withValues(alpha: bgOpacity) 
         : CupertinoColors.white.withValues(alpha: bgOpacity);
 
-    final content = ClipRRect(
-      borderRadius: BorderRadius.circular(AppRadius.r20),
-      child: BackdropFilter(
-        filter: ImageFilter.blur(
-          sigmaX: GlassStyle.blurAmount, 
-          sigmaY: GlassStyle.blurAmount
-        ),
-        child: Container(
-          padding: padding ?? const EdgeInsets.all(AppSpacing.cardPadding),
-          decoration: BoxDecoration(
-            color: bgColor,
-            borderRadius: BorderRadius.circular(AppRadius.r20),
-            border: Border.all(
-              color: AppColors.glassBorder.resolveFrom(context),
-              width: 0.5,
+    final content = Container(
+      decoration: BoxDecoration(
+        boxShadow: [ AppShadows.card ],
+        borderRadius: BorderRadius.circular(AppRadius.r20),
+      ),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(AppRadius.r20),
+        child: BackdropFilter(
+          filter: ImageFilter.blur(
+            sigmaX: GlassStyle.blurAmount, 
+            sigmaY: GlassStyle.blurAmount
+          ),
+          child: Container(
+            padding: padding ?? const EdgeInsets.all(AppSpacing.cardPadding),
+            decoration: BoxDecoration(
+              color: bgColor,
+              // borderRadius handling is done by ClipRRect, but inner border needs it too
+              borderRadius: BorderRadius.circular(AppRadius.r20),
+              border: Border.all(
+                color: AppColors.glassBorder.resolveFrom(context),
+                width: 0.5,
+              ),
             ),
+            child: child,
           ),
-          child: child,
         ),
       ),
     );

lib/widgets/nearby_list.dart

@@ -85,25 +85,31 @@ class NearbyList extends StatelessWidget {
     return Column(
       children: [
         header,
-        ClipRRect(
-          borderRadius: BorderRadius.circular(AppRadius.r12),
-          child: Container(
-            color: AppColors.bgSecondary.resolveFrom(context),
-            child: Column(
-              children: [
-                for (var i = 0; i < devices.length; i++) ...[
-                  if (i > 0)
-                     Container(
-                       height: 0.5, 
-                       margin: const EdgeInsetsDirectional.only(start: 56), 
-                       color: AppColors.separator.resolveFrom(context)
-                     ),
-                  _DeviceTile(
-                    device: devices[i],
-                    mgr: mgr,
-                  ),
+        Container(
+          decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(AppRadius.r12),
+            boxShadow: [ AppShadows.card ],
+          ),
+          child: ClipRRect(
+            borderRadius: BorderRadius.circular(AppRadius.r12),
+            child: Container(
+              color: AppColors.bgSecondary.resolveFrom(context),
+              child: Column(
+                children: [
+                  for (var i = 0; i < devices.length; i++) ...[
+                    if (i > 0)
+                       Container(
+                         height: 0.5, 
+                         margin: const EdgeInsetsDirectional.only(start: 56), 
+                         color: AppColors.separator.resolveFrom(context)
+                       ),
+                    _DeviceTile(
+                      device: devices[i],
+                      mgr: mgr,
+                    ),
+                  ],
                 ],
-              ],
+              ),
             ),
           ),
         ),