chore(ui): update device state colors to match web

Change color and dynamic height table

lib/product/theme/app_theme_light.dart

@@ -1,6 +1,6 @@
 import 'package:flex_color_scheme/flex_color_scheme.dart';
 import 'package:flutter/material.dart';
-import 'package:sfm_app/product/theme/app_theme.dart';
+import 'app_theme.dart';
 
 class AppThemeLight extends AppTheme {
   static AppThemeLight? _instance;
@@ -29,27 +29,7 @@ class AppThemeLight extends AppTheme {
           navigationRailUseIndicator: true,
           navigationRailLabelType: NavigationRailLabelType.all,
         ),
+
         visualDensity: FlexColorScheme.comfortablePlatformDensity,
       );
-  // ThemeData.light().copyWith(
-  //       useMaterial3: true,
-  //       colorScheme: _buildColorScheme,
-  //     );
-
-  // ColorScheme get _buildColorScheme => FlexColorScheme.light(
-
-  // ).toScheme;
-  // const ColorScheme(
-  //       brightness: Brightness.light,
-  //       primary: Colors.black,
-  //       onPrimary: Colors.white,
-  //       secondary: Colors.black,
-  //       onSecondary: Colors.black45,
-  //       error: Colors.red,
-  //       onError: Colors.orange,
-  //       background: Colors.white,
-  //       onBackground: Colors.red,
-  //       surface: Colors.white,
-  //       onSurface: Colors.black,
-  //     );
 }