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

src/app/features/room/room-pin-menu/RoomPinMenu.tsx

@@ -2,22 +2,8 @@
 import React, { forwardRef, MouseEventHandler, useCallback, useMemo, useRef } from 'react';
 import { MatrixEvent, Room } from 'matrix-js-sdk';
 import { RoomPinnedEventsEventContent } from 'matrix-js-sdk/lib/types';
-import {
-  Avatar,
-  Box,
-  Chip,
-  color,
-  config,
-  Header,
-  Icon,
-  IconButton,
-  Icons,
-  Menu,
-  Scroll,
-  Spinner,
-  Text,
-  toRem,
-} from 'folds';
+import { Avatar, Box, Chip, color, config, Header, IconButton, Menu, Scroll, Spinner, Text, toRem } from 'folds';
+import { Icon, Icons } from '../../../components/icons';
 import { Opts as LinkifyOpts } from 'linkifyjs';
 import { HTMLReactParserOptions } from 'html-react-parser';
 import { useVirtualizer } from '@tanstack/react-virtual';