make settings page a dialog

This will need changes to work properly on mobile

lib/pages/settings_page.dart

@@ -1,17 +1,22 @@
 import "package:flutter/material.dart";
 import "package:flutter_riverpod/flutter_riverpod.dart";
+import "package:navigation_rail_m3e/navigation_rail_m3e.dart";
 
 class SettingsPage extends ConsumerWidget {
   const SettingsPage({super.key});
 
   @override
-  Widget build(BuildContext context, WidgetRef ref) => Scaffold(
+  Widget build(BuildContext context, WidgetRef ref) => Dialog(
+    constraints: .loose(Size(900, 600)),
+    child: ClipRRect(
+      borderRadius: BorderRadiusGeometry.circular(12),
+      child: Scaffold(
         appBar: AppBar(
           title: Text("Settings"),
           actionsPadding: .symmetric(horizontal: 12),
           actions: [
             SearchAnchor(
-          builder: (context, controller) => IconButton(
+              builder: (_, controller) => IconButton(
                 icon: const Icon(Icons.search),
                 onPressed: controller.openView,
               ),
@@ -21,5 +26,36 @@ class SettingsPage extends ConsumerWidget {
             ),
           ],
         ),
+        body: Padding(
+          padding: .symmetric(vertical: 8),
+          child: Row(
+            children: [
+              Padding(
+                padding: .symmetric(vertical: 4),
+                child: NavigationRailM3E(
+                  type: .alwaysExpand,
+                  sections: [
+                    .new(
+                      destinations: [
+                        .new(icon: Icon(Icons.abc), label: "Account"),
+                        .new(icon: Icon(Icons.abc), label: "Account"),
+                        .new(icon: Icon(Icons.abc), label: "Account"),
+                        .new(icon: Icon(Icons.abc), label: "Account"),
+                        .new(icon: Icon(Icons.abc), label: "Account"),
+                        .new(icon: Icon(Icons.abc), label: "Account"),
+                        .new(icon: Icon(Icons.abc), label: "Account"),
+                      ],
+                    ),
+                  ],
+                  selectedIndex: 0,
+                  onDestinationSelected: (value) {},
+                ),
+              ),
+              VerticalDivider(),
+            ],
+          ),
+        ),
+      ),
+    ),
   );
 }

lib/widgets/sidebar.dart

@@ -182,8 +182,9 @@ class Sidebar extends HookConsumerWidget {
                       ),
                       IconButton(
                         tooltip: "Open settings",
-                        onPressed: () => Navigator.of(context).push(
+                        onPressed: () => showDialog(
-                          MaterialPageRoute(builder: (_) => SettingsPage()),
+                          context: context,
+                          builder: (_) => SettingsPage(),
                         ),
                         icon: Icon(Icons.settings),
                       ),