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

src/app/features/create-room/CreateRoom.tsx

@@ -38,6 +38,7 @@ import {
   RoomVersionSelector,
   useAdditionalCreators,
 } from '../../components/create-room';
+import { RoomType } from '../../../types/matrix/room';
 
 const getCreateRoomKindToIcon = (kind: CreateRoomKind) => {
   if (kind === CreateRoomKind.Private) return Icons.HashLock;
@@ -73,6 +74,7 @@ export function CreateRoomForm({ defaultKind, space, onCreate }: CreateRoomFormP
   const [federation, setFederation] = useState(true);
   const [encryption, setEncryption] = useState(false);
   const [knock, setKnock] = useState(false);
+  const [forumLayout, setForumLayout] = useState(false);
   const [advance, setAdvance] = useState(false);
 
   const allowKnock = kind === CreateRoomKind.Private && knockSupported(selectedRoomVersion);
@@ -118,6 +120,7 @@ export function CreateRoomForm({ defaultKind, space, onCreate }: CreateRoomFormP
 
     create({
       version: selectedRoomVersion,
+      type: forumLayout ? RoomType.Forum : undefined,
       parent: space,
       kind,
       name: roomName,
@@ -222,6 +225,25 @@ export function CreateRoomForm({ defaultKind, space, onCreate }: CreateRoomFormP
                 }
               />
             </SequenceCard>
+            <SequenceCard
+              style={{ padding: config.space.S300 }}
+              variant="SurfaceVariant"
+              direction="Column"
+              gap="500"
+            >
+              <SettingTile
+                title="Forum Layout"
+                description="Creates this room with m.forum type so Paarrot can apply forum-specific UI."
+                after={
+                  <Switch
+                    variant="Primary"
+                    value={forumLayout}
+                    onChange={setForumLayout}
+                    disabled={disabled}
+                  />
+                }
+              />
+            </SequenceCard>
             {advance && (allowKnock || allowKnockRestricted) && (
               <SequenceCard
                 style={{ padding: config.space.S300 }}