Slight refactor

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

@@ -1,10 +1,12 @@
 import { Icon } from '@iconify/react';
 import { Box, Stack, Text } from '@mantine/core';
+import { useCommonHooks } from 'hooks';
 import { useState } from 'react';
 import { stackClasses, textClasses } from 'styles';
 
-function AppItem({ url, icon, name, isMobile }: any) {
+function AppItem({ url, icon, name }: any) {
 	const [textDecoration, setTextDecoration] = useState<string>('none');
+	const { isMobile } = useCommonHooks();
 
 	return (
 		<Box
@@ -15,11 +17,11 @@ function AppItem({ url, icon, name, isMobile }: any) {
 			className={stackClasses.appItemBox}
 		>
 			<Stack
-				align={isMobile && 'center'}
-				justify={isMobile && 'center'}
+				align={isMobile ? 'center' : undefined}
+				justify={isMobile ? 'center' : undefined}
 				style={{
 					height: '64px',
-					width: isMobile && '100%',
+					width: isMobile ? '100%' : undefined,
 					marginRight: isMobile ? '0' : '1em',
 					marginLeft: isMobile ? '0' : '1em',
 					paddingTop: isMobile ? '0' : '15px',