initialize settings page

There are no settings yet

lib/pages/settings_page.dart

@@ -5,7 +5,21 @@ class SettingsPage extends ConsumerWidget {
   const SettingsPage({super.key});
 
   @override
-  Widget build(BuildContext context, WidgetRef ref) {
+  Widget build(BuildContext context, WidgetRef ref) => Scaffold(
-    return Placeholder();
+    appBar: AppBar(
-  }
+      title: Text("Settings"),
+      actionsPadding: .symmetric(horizontal: 12),
+      actions: [
+        SearchAnchor(
+          builder: (context, controller) => IconButton(
+            icon: const Icon(Icons.search),
+            onPressed: controller.openView,
+          ),
+          suggestionsBuilder: (context, controller) {
+            return [];
+          },
+        ),
+      ],
+    ),
+  );
 }

lib/widgets/sidebar.dart

@@ -6,6 +6,7 @@ import "package:navigation_rail_m3e/navigation_rail_m3e.dart";
 import "package:nexus/controllers/key_controller.dart";
 import "package:nexus/controllers/spaces_controller.dart";
 import "package:nexus/models/room.dart";
+import "package:nexus/pages/settings_page.dart";
 import "package:nexus/widgets/avatar_or_hash.dart";
 import "package:nexus/widgets/divider_widget.dart";
 import "package:nexus/widgets/join_dialog.dart";
@@ -181,10 +182,9 @@ class Sidebar extends HookConsumerWidget {
                       ),
                       IconButton(
                         tooltip: "Open settings",
-                        onPressed: null,
+                        onPressed: () => Navigator.of(context).push(
-                        //  () => Navigator.of(
+                          MaterialPageRoute(builder: (_) => SettingsPage()),
-                        //   context,
+                        ),
-                        // ).push(MaterialPageRoute(builder: (_) => SettingsPage())),
                         icon: Icon(Icons.settings),
                       ),
                     ],