Mobile and style improvements

src/pages/homepage/components/Header/Header.tsx

@@ -1,5 +1,4 @@
 import { Group, Stack, Text } from '@mantine/core';
-import { WeatherModal } from 'components';
 import { useCommonHooks } from 'hooks';
 import { useEffect, useState } from 'react';
 import { textClasses } from 'styles';
@@ -9,12 +8,8 @@ function Header({
 	date,
 	current,
 	setCurrent,
-	outlook,
-	extendedForecast,
 	weather,
 	basicWeather,
-	weatherModalOpened,
-	closeWeatherModal,
 	openWeatherModal,
 }: any) {
 	const [time, setTime] = useState(new Date());
@@ -127,6 +122,7 @@ function Header({
 							position: 'absolute',
 							bottom: isMobile ? -32 : 0,
 							right: 16,
+							cursor: 'pointer',
 						}}
 						onClick={openWeatherModal}
 					>
@@ -158,13 +154,6 @@ function Header({
 					</Text>
 				</Group>
 			</Stack>
-			<WeatherModal
-				current={current}
-				outlook={outlook}
-				extendedForecast={extendedForecast}
-				closeWeatherModal={closeWeatherModal}
-				weatherModalOpened={weatherModalOpened}
-			/>
 		</Stack>
 	);
 }