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

src/app/components/user-profile/CreatorChip.tsx

@@ -1,4 +1,5 @@
-import { Chip, color, config, Icon, Icons, Menu, MenuItem, PopOut, RectCords, Text } from 'folds';
+import { Chip, color, config, Menu, MenuItem, PopOut, RectCords, Text } from 'folds';
+import { Icon, Icons } from '../icons';
 import React, { MouseEventHandler, useState } from 'react';
 import FocusTrap from 'focus-trap-react';
 import { isKeyHotkey } from 'is-hotkey';

src/app/components/user-profile/PowerChip.tsx

@@ -1,26 +1,5 @@
-import {
-  Box,
-  Button,
-  Chip,
-  color,
-  config,
-  Dialog,
-  Header,
-  Icon,
-  IconButton,
-  Icons,
-  Line,
-  Menu,
-  MenuItem,
-  Overlay,
-  OverlayBackdrop,
-  OverlayCenter,
-  PopOut,
-  RectCords,
-  Spinner,
-  Text,
-  toRem,
-} from 'folds';
+import { Box, Button, Chip, color, config, Dialog, Header, IconButton, Line, Menu, MenuItem, Overlay, OverlayBackdrop, OverlayCenter, PopOut, RectCords, Spinner, Text, toRem } from 'folds';
+import { Icon, Icons } from '../icons';
 import React, { MouseEventHandler, useCallback, useState } from 'react';
 import FocusTrap from 'focus-trap-react';
 import { isKeyHotkey } from 'is-hotkey';

src/app/components/user-profile/UserChips.tsx

@@ -4,24 +4,8 @@ import { useNavigate } from 'react-router-dom';
 import FocusTrap from 'focus-trap-react';
 import { isKeyHotkey } from 'is-hotkey';
 import { Room } from 'matrix-js-sdk';
-import {
-  PopOut,
-  Menu,
-  MenuItem,
-  color,
-  config,
-  Text,
-  Line,
-  Chip,
-  Icon,
-  Icons,
-  RectCords,
-  Spinner,
-  toRem,
-  Box,
-  Scroll,
-  Avatar,
-} from 'folds';
+import { PopOut, Menu, MenuItem, color, config, Text, Line, Chip, RectCords, Spinner, toRem, Box, Scroll, Avatar } from 'folds';
+import { Icon, Icons } from '../icons';
 import { useMatrixClient } from '../../hooks/useMatrixClient';
 import { getMxIdServer } from '../../utils/matrix';
 import { useCloseUserRoomProfile } from '../../state/hooks/userRoomProfile';

src/app/components/user-profile/UserHero.tsx

@@ -1,16 +1,6 @@
 import React, { useState } from 'react';
-import {
-  Avatar,
-  Box,
-  Icon,
-  Icons,
-  Modal,
-  Overlay,
-  OverlayBackdrop,
-  OverlayCenter,
-  Text,
-  toRem,
-} from 'folds';
+import { Avatar, Box, Modal, Overlay, OverlayBackdrop, OverlayCenter, Text, toRem } from 'folds';
+import { Icon, Icons } from '../icons';
 import classNames from 'classnames';
 import FocusTrap from 'focus-trap-react';
 import * as css from './styles.css';

src/app/components/user-profile/UserModeration.tsx

@@ -1,4 +1,5 @@
-import { Box, Button, color, config, Icon, Icons, Spinner, Text, Input } from 'folds';
+import { Box, Button, color, config, Spinner, Text, Input } from 'folds';
+import { Icon, Icons } from '../icons';
 import React, { useCallback, useRef } from 'react';
 import { useRoom } from '../../hooks/useRoom';
 import { CutoutCard } from '../cutout-card';

src/app/components/user-profile/UserRoomProfile.tsx

@@ -1,4 +1,5 @@
-import { Box, Button, color, config, Icon, Icons, Text, toRem } from 'folds';
+import { Box, Button, color, config, Text, toRem } from 'folds';
+import { Icon, Icons } from '../icons';
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { UserHero, UserHeroName } from './UserHero';