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

src/app/components/room-avatar/RoomAvatar.tsx

@@ -1,5 +1,6 @@
 import { JoinRule } from 'matrix-js-sdk';
-import { AvatarFallback, AvatarImage, Icon, Icons, color } from 'folds';
+import { AvatarFallback, AvatarImage, color } from 'folds';
+import { Icon, Icons } from '../icons';
 import React, { ComponentProps, ReactEventHandler, ReactNode, forwardRef, useState } from 'react';
 import * as css from './RoomAvatar.css';
 import { joinRuleToIconSrc } from '../../utils/room';