Refactored common hooks to reduce api calls

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

@@ -1,10 +1,21 @@
 import { Stack, Text } from '@mantine/core';
-import { useCommonHooks } from 'hooks';
+import { useCommonHooks, useQueryAPI } from 'hooks';
+import { useEffect, useState } from 'react';
 import { textClasses } from 'styles';
 import AppItem from './AppItem';
 
 function Applications({ contentType }: any) {
-	const { isMobile, applicationData } = useCommonHooks();
+	const { data: apps, isFetching: isAppsFetching } = useQueryAPI({
+		endpoint: 'api/apps',
+	});
+	const { isMobile } = useCommonHooks();
+	const [applicationData, setApplicationData] = useState<any>([]);
+
+	useEffect(() => {
+		if (apps && !isAppsFetching) {
+			setApplicationData(apps);
+		}
+	}, [apps, isAppsFetching]);
 	return (
 		<>
 			{applicationData.length > 0 && contentType.length > 0 && (