feat: Integrate forum layout support across various components and enhance room handling logic

src/app/pages/Router.tsx

@@ -43,6 +43,8 @@ import { ClientBindAtoms, ClientLayout, ClientRoot } from './client';
 import { Home, HomeRouteRoomProvider, HomeSearch } from './client/home';
 import { Direct, DirectCreate, DirectRouteRoomProvider } from './client/direct';
 import { RouteSpaceProvider, Space, SpaceRouteRoomProvider, SpaceSearch } from './client/space';
+import { ForumAwareSpaceLayout } from '../features/forum/ForumAwareSpaceLayout';
+import { ForumSpaceLayout } from '../features/forum/ForumSpaceLayout';
 import { Explore, FeaturedRooms, PublicRooms } from './client/explore';
 import { Notifications, Inbox, Invites } from './client/inbox';
 import { setAfterLoginRedirectPath } from './afterLoginRedirectPath';
@@ -236,15 +238,9 @@ export const createRouter = (clientConfig: ClientConfig, screenSize: ScreenSize)
           path={SPACE_PATH}
           element={
             <RouteSpaceProvider>
-              <PageRoot
-                nav={
-                  <MobileFriendlyPageNav path={SPACE_PATH}>
-                    <Space />
-                  </MobileFriendlyPageNav>
-                }
-              >
-                <AnimatedOutlet />
-              </PageRoot>
+              <ForumSpaceLayout>
+                <ForumAwareSpaceLayout />
+              </ForumSpaceLayout>
             </RouteSpaceProvider>
           }
         >