refactor: Consolidate icon imports across components and streamline import statements for improved readability

src/app/features/lobby/DnD.tsx

@@ -7,7 +7,8 @@ import {
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import classNames from 'classnames';
-import { Box, Icon, Icons, as } from 'folds';
+import { Box, as } from 'folds';
+import { Icon, Icons } from '../../components/icons';
 import { HierarchyItem } from '../../hooks/useSpaceHierarchy';
 import * as css from './DnD.css';
 

src/app/features/lobby/HierarchyItemMenu.tsx

@@ -1,20 +1,7 @@
 import React, { MouseEventHandler, useCallback, useEffect, useState } from 'react';
 import FocusTrap from 'focus-trap-react';
-import {
-  Box,
-  IconButton,
-  Icon,
-  Icons,
-  PopOut,
-  Menu,
-  MenuItem,
-  Text,
-  RectCords,
-  config,
-  Line,
-  Spinner,
-  toRem,
-} from 'folds';
+import { Box, IconButton, PopOut, Menu, MenuItem, Text, RectCords, config, Line, Spinner, toRem } from 'folds';
+import { Icon, Icons } from '../../components/icons';
 import { HierarchyItem } from '../../hooks/useSpaceHierarchy';
 import { useMatrixClient } from '../../hooks/useMatrixClient';
 import { MSpaceChildContent, StateEvent } from '../../../types/matrix/room';

src/app/features/lobby/Lobby.tsx

@@ -1,5 +1,6 @@
 import React, { MouseEventHandler, useCallback, useMemo, useRef, useState } from 'react';
-import { Box, Chip, Icon, IconButton, Icons, Line, Scroll, Spinner, Text, config } from 'folds';
+import { Box, Chip, IconButton, Line, Scroll, Spinner, Text, config } from 'folds';
+import { Icon, Icons } from '../../components/icons';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useAtom, useAtomValue } from 'jotai';
 import { useNavigate } from 'react-router-dom';
@@ -41,7 +42,7 @@ import { StateEvent } from '../../../types/matrix/room';
 import { CanDropCallback, useDnDMonitor } from './DnD';
 import { ASCIILexicalTable, orderKeys } from '../../utils/ASCIILexicalTable';
 import { getStateEvent, shouldShowForumLobby } from '../../utils/room';
-import { ForumSpaceShell } from '../forum/ForumSpaceShell';
+import { ForumBoardDetail } from '../forum/ForumBoardDetail';
 import { useClosedLobbyCategoriesAtom } from '../../state/hooks/closedLobbyCategories';
 import {
   makeCinnySpacesContent,
@@ -151,7 +152,7 @@ const useCanDropLobbyItem = (
 };
 
 function ForumSpaceLobby() {
-  return <ForumSpaceShell />;
+  return <ForumBoardDetail />;
 }
 
 export function Lobby() {

src/app/features/lobby/LobbyHeader.tsx

@@ -1,21 +1,6 @@
 import React, { MouseEventHandler, forwardRef, useEffect, useMemo, useRef, useState } from 'react';
-import {
-  Avatar,
-  Box,
-  Icon,
-  IconButton,
-  Icons,
-  Line,
-  Menu,
-  MenuItem,
-  PopOut,
-  RectCords,
-  Text,
-  Tooltip,
-  TooltipProvider,
-  config,
-  toRem,
-} from 'folds';
+import { Avatar, Box, IconButton, Line, Menu, MenuItem, PopOut, RectCords, Text, Tooltip, TooltipProvider, config, toRem } from 'folds';
+import { Icon, Icons } from '../../components/icons';
 import FocusTrap from 'focus-trap-react';
 import { PageHeader } from '../../components/page';
 import { useSetSetting } from '../../state/hooks/settings';

src/app/features/lobby/RoomItem.tsx

@@ -1,23 +1,6 @@
 import React, { MouseEventHandler, ReactNode, useCallback, useRef } from 'react';
-import {
-  Avatar,
-  Badge,
-  Box,
-  Chip,
-  Icon,
-  Icons,
-  Line,
-  Overlay,
-  OverlayBackdrop,
-  OverlayCenter,
-  Spinner,
-  Text,
-  Tooltip,
-  TooltipProvider,
-  as,
-  color,
-  toRem,
-} from 'folds';
+import { Avatar, Badge, Box, Chip, Line, Overlay, OverlayBackdrop, OverlayCenter, Spinner, Text, Tooltip, TooltipProvider, as, color, toRem } from 'folds';
+import { Icon, Icons } from '../../components/icons';
 import FocusTrap from 'focus-trap-react';
 import { JoinRule, MatrixError, Room } from 'matrix-js-sdk';
 import { IHierarchyRoom } from 'matrix-js-sdk/lib/@types/spaces';

src/app/features/lobby/SpaceAddControls.tsx

@@ -1,6 +1,7 @@
 import React, { MouseEventHandler, useState } from 'react';
 import FocusTrap from 'focus-trap-react';
-import { Box, Chip, Icon, Icons, Menu, MenuItem, PopOut, RectCords, Text, config } from 'folds';
+import { Box, Chip, Menu, MenuItem, PopOut, RectCords, Text, config } from 'folds';
+import { Icon, Icons } from '../../components/icons';
 import type { HierarchyItem } from '../../hooks/useSpaceHierarchy';
 import { useOpenCreateRoomModal } from '../../state/hooks/createRoomModal';
 import { useOpenCreateSpaceModal } from '../../state/hooks/createSpaceModal';

src/app/features/lobby/SpaceItem.tsx

@@ -1,21 +1,6 @@
 import React, { MouseEventHandler, ReactNode, useCallback, useRef, useState } from 'react';
-import {
-  Box,
-  Avatar,
-  Text,
-  Chip,
-  Icon,
-  Icons,
-  as,
-  Badge,
-  toRem,
-  Spinner,
-  PopOut,
-  Menu,
-  MenuItem,
-  RectCords,
-  config,
-} from 'folds';
+import { Box, Avatar, Text, Chip, as, Badge, toRem, Spinner, PopOut, Menu, MenuItem, RectCords, config } from 'folds';
+import { Icon, Icons } from '../../components/icons';
 import FocusTrap from 'focus-trap-react';
 import classNames from 'classnames';
 import { MatrixError, Room } from 'matrix-js-sdk';