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

src/app/features/room-nav/UnjoinedSubRoomItem.tsx

@@ -1,17 +1,6 @@
 import React, { useCallback } from 'react';
-import {
-  Box,
-  Chip,
-  Icon,
-  Icons,
-  Spinner,
-  Text,
-  Tooltip,
-  TooltipProvider,
-  color,
-  config,
-  toRem,
-} from 'folds';
+import { Box, Chip, Spinner, Text, Tooltip, TooltipProvider, color, config, toRem } from 'folds';
+import { Icon, Icons } from '../../components/icons';
 import { MatrixError, Room } from 'matrix-js-sdk';
 import { useMatrixClient } from '../../hooks/useMatrixClient';
 import { AsyncStatus, useAsyncCallback } from '../../hooks/useAsyncCallback';