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

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

@@ -2,25 +2,8 @@ import React, { MouseEventHandler, forwardRef, useState, useMemo } from 'react';
 import { Room, EventTimeline } from 'matrix-js-sdk';
 import { useAtomValue } from 'jotai';
 import { useNavigate } from 'react-router-dom';
-import {
-  Avatar,
-  Box,
-  Icon,
-  IconButton,
-  Icons,
-  Text,
-  Menu,
-  MenuItem,
-  config,
-  PopOut,
-  toRem,
-  Line,
-  RectCords,
-  Badge,
-  Spinner,
-  Tooltip,
-  TooltipProvider,
-} from 'folds';
+import { Avatar, Box, IconButton, Text, Menu, MenuItem, config, PopOut, toRem, Line, RectCords, Badge, Spinner, Tooltip, TooltipProvider } from 'folds';
+import { Icon, Icons } from '../../components/icons';
 import { useFocusWithin, useHover } from 'react-aria';
 import FocusTrap from 'focus-trap-react';
 import { NavItem, NavItemContent, NavItemOptions, NavLink } from '../../components/nav';