Clean up and typing

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

@@ -5,9 +5,9 @@ import { useState } from 'react';
 import { stackClasses, textClasses } from 'styles';
 
 function AppItem({ url, icon, name }: any) {
+	const { isMobile } = useCommonHooks();
 	const [textDecoration, setTextDecoration] = useState<string>('none');
 	const [hover, setHover] = useState<boolean>(false);
-	const { isMobile } = useCommonHooks();
 	const validUrl =
 		url.startsWith('http://') || url.startsWith('https://') ? url : `http://${url}`;
 	return (

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

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