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

src/app/features/settings/emojis-stickers/EmojisStickers.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
-import { Box, Text, IconButton, Icon, Icons, Scroll, config, Switch } from 'folds';
+import { Box, Text, IconButton, Scroll, config, Switch } from 'folds';
+import { Icon, Icons } from '../../../components/icons';
 import { Page, PageContent, PageHeader } from '../../../components/page';
 import { SequenceCard } from '../../../components/sequence-card';
 import { GlobalPacks } from './GlobalPacks';

src/app/features/settings/emojis-stickers/GlobalPacks.tsx

@@ -1,25 +1,6 @@
 import React, { MouseEventHandler, useCallback, useEffect, useMemo, useState } from 'react';
-import {
-  Box,
-  Text,
-  Button,
-  Icon,
-  Icons,
-  IconButton,
-  Avatar,
-  AvatarFallback,
-  config,
-  Spinner,
-  Menu,
-  RectCords,
-  PopOut,
-  Checkbox,
-  toRem,
-  Scroll,
-  Header,
-  Line,
-  Chip,
-} from 'folds';
+import { Box, Text, Button, IconButton, Avatar, AvatarFallback, config, Spinner, Menu, RectCords, PopOut, Checkbox, toRem, Scroll, Header, Line, Chip } from 'folds';
+import { Icon, Icons } from '../../../components/icons';
 import FocusTrap from 'focus-trap-react';
 import { useAtomValue } from 'jotai';
 import { Room } from 'matrix-js-sdk';

src/app/features/settings/emojis-stickers/UserPack.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Avatar, AvatarFallback, Box, Button, Icon, Icons, Text } from 'folds';
+import { Avatar, AvatarFallback, Box, Button, Text } from 'folds';
+import { Icon, Icons } from '../../../components/icons';
 import { useUserImagePack } from '../../../hooks/useImagePacks';
 import { SequenceCard } from '../../../components/sequence-card';
 import { SequenceCardStyle } from '../styles.css';