Updates to help modal

src/pages/homepage/Homepage.tsx

@@ -92,6 +92,8 @@ export function Homepage() {
 		windDirection: 0,
 		pressure: 0,
 	});
+	const [providerModalOpened, { open: openProviderModal, close: closeProviderModal }] =
+		useDisclosure(false);
 	const extendedForecast = forecast?.properties?.periods.map(
 		(item: ExtendedForecast) => ({
 			detailedForecast: item.detailedForecast,
@@ -209,6 +211,9 @@ export function Homepage() {
 						openWeatherModal={openWeatherModal}
 						position='top'
 						personal={personal}
+						providerModalOpened={providerModalOpened}
+						openProviderModal={openProviderModal}
+						closeProviderModal={closeProviderModal}
 					/>
 					<Header
 						greet={displayedGreeting}
@@ -235,10 +240,13 @@ export function Homepage() {
 						openWeatherModal={openWeatherModal}
 						position='center'
 						personal={personal}
+						providerModalOpened={providerModalOpened}
+						openProviderModal={openProviderModal}
+						closeProviderModal={closeProviderModal}
 					/>
 				</Box>
 			)}
-			<SettingsButton />
+			<SettingsButton openProviderModal={openProviderModal} />
 		</Stack>
 	);
 }