Bookmark group deletion update; Icon updates

src/pages/homepage/components/Applications/AppItem.tsx

@@ -1,10 +1,14 @@
-import { Icon } from '@iconify/react';
 import { Box, Stack, Text } from '@mantine/core';
 import { useCommonHooks } from 'hooks';
 import { useState } from 'react';
+import * as fa6 from 'react-icons/fa6';
+import * as si from 'react-icons/si';
+import * as vsc from 'react-icons/vsc';
 import { stackClasses, textClasses } from 'styles';
 
 function AppItem({ url, icon, name }: any) {
+	const allIcons: any = { ...fa6, ...vsc, ...si };
+	const Icon = allIcons[icon];
 	const { isMobile } = useCommonHooks();
 	const [textDecoration, setTextDecoration] = useState<string>('none');
 	const [hover, setHover] = useState<boolean>(false);
@@ -45,7 +49,7 @@ function AppItem({ url, icon, name }: any) {
 					paddingTop: isMobile ? '0' : '15px',
 				}}
 			>
-				<Icon icon={`mdi:${icon}`} height={32} width={32} />
+				{Icon && <Icon style={{ height: '32px', width: '32px' }} />}
 			</Stack>
 			<Stack
 				style={{