optimization: desktop UI (#747)

pubspec.yaml

@@ -1,6 +1,6 @@
 name: server_box
 description: server status & toolbox app.
-publish_to: 'none'
+publish_to: "none"
 version: 1.0.1128+1128
 
 environment:
@@ -16,6 +16,7 @@ dependencies:
   easy_isolate: ^1.3.0
   intl: ^0.19.0
   highlight: ^0.7.0
+  equatable: ^2.0.7
   flutter_highlight: ^0.7.0
   code_text_field: ^1.1.0
   shared_preferences: ^2.1.1
@@ -31,7 +32,10 @@ dependencies:
   choice: ^2.3.2
   flutter_reorderable_grid_view: ^5.1.0
   webdav_client_plus: ^1.0.2
-  flutter_adaptive_scaffold: ^0.3.2
+  freezed_annotation: ^2.4.4
+  flutter_riverpod: ^2.6.1
+  riverpod_annotation: ^2.6.1
+  responsive_framework: ^1.5.1
   dartssh2:
     git:
       url: https://github.com/lollipopkit/dartssh2
@@ -59,7 +63,7 @@ dependencies:
   fl_lib:
     git:
       url: https://github.com/lppcg/fl_lib
-      ref: v1.0.269
+      ref: v1.0.281
 
 dependency_overrides:
   # webdav_client_plus:
@@ -76,9 +80,13 @@ dependency_overrides:
 dev_dependencies:
   flutter_native_splash: ^2.1.6
   hive_generator: ^2.0.0
-  build_runner: ^2.3.2
+  build_runner: ^2.4.15
   flutter_lints: ^5.0.0
   json_serializable: ^6.8.0
+  freezed: ^2.5.7
+  riverpod_generator: ^2.6.3
+  custom_lint: ^0.7.0
+  riverpod_lint: ^2.6.3
   flutter_test:
     sdk: flutter
   fl_build:
@@ -132,21 +140,21 @@ flutter_native_splash:
   # size of the app. Only one parameter can be used, color and background_image cannot both be set.
   color: "#ffffff"
   #background_image: "assets/background.png"
-  # Optional parameters are listed below.  To enable a parameter, uncomment the line by removing 
+  # Optional parameters are listed below.  To enable a parameter, uncomment the line by removing
   # the leading # character.
-  # The image parameter allows you to specify an image used in the splash screen.  It must be a 
+  # The image parameter allows you to specify an image used in the splash screen.  It must be a
   # png file and should be sized for 4x pixel density.
   image: assets/app_icon.png
 
   # The color_dark, background_image_dark, and image_dark are parameters that set the background
   # and image when the device is in dark mode. If they are not specified, the app will use the
-  # parameters from above. If the image_dark parameter is specified, color_dark or 
+  # parameters from above. If the image_dark parameter is specified, color_dark or
   # background_image_dark must be specified.  color_dark and background_image_dark cannot both be
   # set.
   color_dark: "#121212"
   #background_image_dark: "assets/dark-background.png"
   #image_dark: assets/splash-invert.png
-  # The android, ios and web parameters can be used to disable generating a splash screen on a given 
+  # The android, ios and web parameters can be used to disable generating a splash screen on a given
   # platform.
   #android: false
   #ios: false
@@ -154,33 +162,33 @@ flutter_native_splash:
   # The position of the splash image can be set with android_gravity, ios_content_mode, and
   # web_image_mode parameters.  All default to center.
   #
-  # android_gravity can be one of the following Android Gravity (see 
-  # https://developer.android.com/reference/android/view/Gravity): bottom, center, 
+  # android_gravity can be one of the following Android Gravity (see
+  # https://developer.android.com/reference/android/view/Gravity): bottom, center,
   # center_horizontal, center_vertical, clip_horizontal, clip_vertical, end, fill, fill_horizontal,
   # fill_vertical, left, right, start, or top.
   #android_gravity: center
   #
-  # ios_content_mode can be one of the following iOS UIView.ContentMode (see 
-  # https://developer.apple.com/documentation/uikit/uiview/contentmode): scaleToFill, 
-  # scaleAspectFit, scaleAspectFill, center, top, bottom, left, right, topLeft, topRight, 
+  # ios_content_mode can be one of the following iOS UIView.ContentMode (see
+  # https://developer.apple.com/documentation/uikit/uiview/contentmode): scaleToFill,
+  # scaleAspectFit, scaleAspectFill, center, top, bottom, left, right, topLeft, topRight,
   # bottomLeft, or bottomRight.
   #ios_content_mode: center
   #
   # web_image_mode can be one of the following modes: center, contain, stretch, and cover.
   #web_image_mode: center
-  # To hide the notification bar, use the fullscreen parameter.  Has no affect in web since web 
+  # To hide the notification bar, use the fullscreen parameter.  Has no affect in web since web
   # has no notification bar.  Defaults to false.
   # NOTE: Unlike Android, iOS will not automatically show the notification bar when the app loads.
   #       To show the notification bar, add the following code to your Flutter app:
   #       WidgetsFlutterBinding.ensureInitialized();
   #       SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom, SystemUiOverlay.top]);
   #fullscreen: true
-  # If you have changed the name(s) of your info.plist file(s), you can specify the filename(s) 
+  # If you have changed the name(s) of your info.plist file(s), you can specify the filename(s)
   # with the info_plist_files parameter.  Remove only the # characters in the three lines below,
   # do not remove any spaces:
   info_plist_files:
-    - 'ios/Runner/Info-Debug.plist'
-    - 'ios/Runner/Info-Profile.plist'
-    - 'ios/Runner/Info-Release.plist'
+    - "ios/Runner/Info-Debug.plist"
+    - "ios/Runner/Info-Profile.plist"
+    - "ios/Runner/Info-Release.plist"
   # To enable support for Android 12, set the following parameter to true.  Defaults to false.
   android12: true