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

src/app/features/settings/general/General.tsx

@@ -7,27 +7,8 @@ import React, {
   useState,
 } from 'react';
 import dayjs from 'dayjs';
-import {
-  as,
-  Box,
-  Button,
-  Chip,
-  color,
-  config,
-  Header,
-  Icon,
-  IconButton,
-  Icons,
-  Input,
-  Menu,
-  MenuItem,
-  PopOut,
-  RectCords,
-  Scroll,
-  Switch,
-  Text,
-  toRem,
-} from 'folds';
+import { as, Box, Button, Chip, color, config, Header, IconButton, Input, Menu, MenuItem, PopOut, RectCords, Scroll, Switch, Text, toRem } from 'folds';
+import { Icon, Icons } from '../../../components/icons';
 import { HexColorPicker } from 'react-colorful';
 import { isKeyHotkey } from 'is-hotkey';
 import FocusTrap from 'focus-trap-react';