remove stacked package from dashboard and home

lib/main.dart

@@ -8,15 +8,26 @@ import 'package:mathgame/src/core/router.dart';
 import 'package:mathgame/src/ui/dashboard/dashboard_view.dart';
 import 'package:mathgame/src/ui/common/dialog_manager.dart';
 import 'package:mathgame/src/core/app_constant.dart';
+import 'package:provider/provider.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 
-void main() {
+Future<void> main() async {
+  WidgetsFlutterBinding.ensureInitialized();
   setupServiceLocator();
-  runApp(MyApp());
+  final sharedPreferences = await SharedPreferences.getInstance();
+  runApp(MultiProvider(providers: [
+    Provider<SharedPreferences>(create: (context) => sharedPreferences),
+    ChangeNotifierProxyProvider<SharedPreferences, DashboardViewModel>(
+      create: (context) => DashboardViewModel(preferences: sharedPreferences),
+      update: (context, value, previous) =>
+          DashboardViewModel(preferences: value),
+    )
+  ], child: MyApp()));
 }
 
 setupServiceLocator() {
   GetIt.I.registerLazySingleton(() => NavigationService());
-  GetIt.I.registerSingleton<DashboardViewModel>(DashboardViewModel());
+  // GetIt.I.registerSingleton<DashboardViewModel>(DashboardViewModel());
   GetIt.I.registerLazySingleton(() => DialogService());
 }
 
@@ -35,56 +46,57 @@ class MyApp extends StatelessWidget {
       title: 'Math Matrix',
       debugShowCheckedModeBanner: false,
       theme: ThemeData(
-          backgroundColor: Color(0xFFaa0000),
-          brightness: Brightness.dark,
-          primaryColor: Colors.deepPurple,
-          primaryColorDark: Colors.deepPurple[700],
-          primaryColorLight: Colors.deepPurple[300],
-          /*primaryColorDark: Color(0x673ab7),
+        backgroundColor: Color(0xFFaa0000),
+        brightness: Brightness.dark,
+        primaryColor: Colors.deepPurple,
+        primaryColorDark: Colors.deepPurple[700],
+        primaryColorLight: Colors.deepPurple[300],
+        /*primaryColorDark: Color(0x673ab7),
           primaryColorLight: Color(0x8561c5),*/
-          primarySwatch: Colors.yellow,
-          accentColor: Colors.deepOrange[300],
-          scaffoldBackgroundColor: Color(0xFF121212),
-          dialogBackgroundColor: Colors.blueGrey[900],
-          splashColor: Colors.grey,
-          highlightColor: Colors.white60,
-          dividerColor: Colors.grey[900],
-          applyElevationOverlayColor: true,
-          /*cardTheme: CardTheme(
+        primarySwatch: Colors.yellow,
+        accentColor: Colors.deepOrange[300],
+        scaffoldBackgroundColor: Color(0xFF121212),
+        dialogBackgroundColor: Colors.blueGrey[900],
+        splashColor: Colors.grey,
+        highlightColor: Colors.white60,
+        dividerColor: Colors.grey[900],
+        applyElevationOverlayColor: true,
+        /*cardTheme: CardTheme(
 
           ),*/
-          textTheme: TextTheme(
-            display4:
-                TextStyle(fontFamily: fontFamily, fontWeight: FontWeight.w300),
-            display3: TextStyle(
-                fontFamily: fontFamily,
-                fontWeight: FontWeight.w500,
-                color: Colors.white),
-            display2: TextStyle(
-                fontFamily: fontFamily,
-                fontWeight: FontWeight.w400,
-                color: Colors.white),
-            display1: TextStyle(
-                fontFamily: fontFamily,
-                fontWeight: FontWeight.w400,
-                color: Colors.white),
-            headline:
-                TextStyle(fontFamily: fontFamily, fontWeight: FontWeight.w400),
-            title:
-                TextStyle(fontFamily: fontFamily, fontWeight: FontWeight.w500),
-            subhead:
-                TextStyle(fontFamily: fontFamily, fontWeight: FontWeight.w400),
-            body2:
-                TextStyle(fontFamily: fontFamily, fontWeight: FontWeight.w500),
-            body1:
-                TextStyle(fontFamily: fontFamily, fontWeight: FontWeight.w400),
-            caption:
-                TextStyle(fontFamily: fontFamily, fontWeight: FontWeight.w400),
-            subtitle:
-                TextStyle(fontFamily: fontFamily, fontWeight: FontWeight.w500),
-            button:
-                TextStyle(fontFamily: fontFamily, fontWeight: FontWeight.w500),
-          )),
+        // textTheme: TextTheme(
+        //   headline4: TextStyle(
+        //       fontFamily: fontFamily, fontWeight: FontWeight.w300),
+        //   headline3: TextStyle(
+        //       fontFamily: fontFamily,
+        //       fontWeight: FontWeight.w500,
+        //       color: Colors.white),
+        //   headline2: TextStyle(
+        //       fontFamily: fontFamily,
+        //       fontWeight: FontWeight.w400,
+        //       color: Colors.white),
+        //   headline1: TextStyle(
+        //       fontFamily: fontFamily,
+        //       fontWeight: FontWeight.w400,
+        //       color: Colors.white),
+        //   headline: TextStyle(
+        //       fontFamily: fontFamily, fontWeight: FontWeight.w400),
+        //   title: TextStyle(
+        //       fontFamily: fontFamily, fontWeight: FontWeight.w500),
+        //   subhead: TextStyle(
+        //       fontFamily: fontFamily, fontWeight: FontWeight.w400),
+        //   body2: TextStyle(
+        //       fontFamily: fontFamily, fontWeight: FontWeight.w500),
+        //   body1: TextStyle(
+        //       fontFamily: fontFamily, fontWeight: FontWeight.w400),
+        //   caption: TextStyle(
+        //       fontFamily: fontFamily, fontWeight: FontWeight.w400),
+        //   subtitle: TextStyle(
+        //       fontFamily: fontFamily, fontWeight: FontWeight.w500),
+        //   button: TextStyle(
+        //       fontFamily: fontFamily, fontWeight: FontWeight.w500),
+        // ),
+      ),
       builder: (context, widget) => Navigator(
         onGenerateRoute: (settings) => MaterialPageRoute(
             builder: (context) => DialogManager(