Updates to styles; misc bugfixes

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

@@ -1,15 +1,15 @@
 import { Stack, Text } from '@mantine/core';
+import { AppItem } from 'components';
 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 }: { contentType: string[] }) {
 	const { data: applicationData, isFetching: isApplicationDataFetching } = useQueryAPI({
 		endpoint: 'api/enabledApplications',
 	});
-	const { appSort, appDensity } = useCommonHooks();
+	const { appSort, appDensity, appScale } = useCommonHooks();
 	const [applications, setApplications] = useState<Application[]>([]);
 
 	useEffect(() => {
@@ -42,7 +42,11 @@ function Applications({ contentType }: { contentType: string[] }) {
 		<>
 			{applications.length > 0 && contentType.length > 0 && (
 				<Stack gap={0}>
-					<Text className={textClasses.sectionTitle} classNames={textClasses}>
+					<Text
+						fz={appScale * 20}
+						className={textClasses.sectionTitle}
+						classNames={textClasses}
+					>
 						Applications
 					</Text>
 					<Stack
@@ -65,6 +69,9 @@ function Applications({ contentType }: { contentType: string[] }) {
 										name={application.name}
 										url={application.url}
 										icon={application.icon}
+										enabled={application.enabled}
+										scale={appScale}
+										linksActive
 									/>
 								);
 							})}