chore: make space nav bar narrower on mobile and ensure space nav bar matches user's theme

lib/pages/chat_list/navi_rail_item.dart

@@ -44,7 +44,11 @@ class NaviRailItem extends StatelessWidget {
                 bottom: 8,
                 left: 0,
                 child: AnimatedContainer(
-                  width: isSelected ? 8 : 0,
+                  width: isSelected
+                      ? FluffyThemes.isColumnMode(context)
+                          ? 8
+                          : 4
+                      : 0,
                   duration: FluffyThemes.animationDuration,
                   curve: FluffyThemes.animationCurve,
                   decoration: BoxDecoration(

lib/pages/settings/settings_view.dart

@@ -34,8 +34,7 @@ class SettingsView extends StatelessWidget {
         ?.tryGet<String>('account');
     return Row(
       children: [
-        if (FluffyThemes.isColumnMode(context) ||
+        if (FluffyThemes.isColumnMode(context)) ...[
-            AppConfig.displayNavigationRail) ...[
           SpacesNavigationRail(
             activeSpaceId: null,
             onGoToChats: () => context.go('/rooms'),

lib/widgets/navigation_rail.dart

@@ -33,7 +33,9 @@ class SpacesNavigationRail extends StatelessWidget {
         .uri
         .path
         .startsWith('/rooms/settings');
-    return StreamBuilder(
+    return Material(
+      child: SafeArea(
+        child: StreamBuilder(
           key: ValueKey(
             client.userID.toString(),
           ),
@@ -52,7 +54,9 @@ class SpacesNavigationRail extends StatelessWidget {
                 .toList();
 
             return SizedBox(
-          width: FluffyThemes.navRailWidth,
+              width: FluffyThemes.isColumnMode(context)
+                  ? FluffyThemes.navRailWidth
+                  : FluffyThemes.navRailWidth * 0.75,
               child: Column(
                 children: [
                   Expanded(
@@ -89,7 +93,8 @@ class SpacesNavigationRail extends StatelessWidget {
                           );
                         }
                         final space = rootSpaces[i];
-                    final displayname = rootSpaces[i].getLocalizedDisplayname(
+                        final displayname =
+                            rootSpaces[i].getLocalizedDisplayname(
                           MatrixLocals(L10n.of(context)),
                         );
                         final spaceChildrenIds =
@@ -132,6 +137,8 @@ class SpacesNavigationRail extends StatelessWidget {
               ),
             );
           },
+        ),
+      ),
     );
   }
 }