Slight refactor

src/components/WeatherModal/HourlyCard.tsx

@@ -1,5 +1,6 @@
 import { Icon } from '@iconify/react/dist/iconify.js';
 import { Box, Card, Center, Group, Image, Stack, Text } from '@mantine/core';
+import { useCommonHooks } from 'hooks';
 
 export enum WindDirection {
 	N = 0,
@@ -12,7 +13,8 @@ export enum WindDirection {
 	NW = 315,
 }
 
-export default function HourlyCard({ weather, isMobile }: any) {
+export default function HourlyCard({ weather }: any) {
+	const { isMobile } = useCommonHooks();
 	return (
 		<Stack gap={0} align='center' mx={isMobile ? '.25rem' : 0}>
 			<Card