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

src/app/pages/client/home/HomeThreadsCategory.tsx

@@ -1,13 +1,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-import {
-  Avatar,
-  Box,
-  Icon,
-  Icons,
-  Text,
-  Badge,
-} from 'folds';
+import { Avatar, Box, Text, Badge } from 'folds';
+import { Icon, Icons } from '../../../components/icons';
 import { useAtom, useSetAtom } from 'jotai';
 import { Room, Thread, ThreadEvent } from 'matrix-js-sdk';
 import { NavCategory, NavCategoryHeader, NavItem, NavItemContent, NavButton } from '../../../components/nav';