feat: add dashboard section visibility settings

lib/store.ts

@@ -5,6 +5,7 @@ import { persist } from "zustand/middleware";
 import type { SelectedLocation } from "@/types/location";
 import type { Province } from "@/types/province";
 import type { TemperatureUnit, WindSpeedUnit } from "@/types/units";
+import { DEFAULT_DASHBOARD_SECTION_VISIBILITY, normalizeDashboardSectionVisibility, type DashboardSectionId, type DashboardSectionVisibility } from "@/lib/dashboard-sections";
 import { DEFAULT_TEMPERATURE_UNIT, DEFAULT_WIND_SPEED_UNIT } from "@/lib/weather-utils";
 import type { WeatherRegion } from "@/types/weather-region";
 import { getWeatherRegionForCountryCode } from "@/types/weather-region";
@@ -22,6 +23,7 @@ interface WeatherStore {
   warningNotificationProvince: Province | null;
   temperatureUnit: TemperatureUnit;
   windSpeedUnit: WindSpeedUnit;
+  dashboardSections: DashboardSectionVisibility;
   toggleFavorite: (id: string) => void;
   selectStation: (id: string) => void;
   selectLocation: (location: SelectedLocation) => void;
@@ -32,6 +34,7 @@ interface WeatherStore {
   setWarningNotificationProvince: (province: Province | null) => void;
   setTemperatureUnit: (unit: TemperatureUnit) => void;
   setWindSpeedUnit: (unit: WindSpeedUnit) => void;
+  setDashboardSectionVisible: (section: DashboardSectionId, visible: boolean) => void;
 }
 
 export const useWeatherStore = create<WeatherStore>()(
@@ -47,6 +50,7 @@ export const useWeatherStore = create<WeatherStore>()(
       warningNotificationProvince: null,
       temperatureUnit: DEFAULT_TEMPERATURE_UNIT,
       windSpeedUnit: DEFAULT_WIND_SPEED_UNIT,
+      dashboardSections: DEFAULT_DASHBOARD_SECTION_VISIBILITY,
       toggleFavorite: (id) =>
         set((state) => ({
           favorites: state.favorites.includes(id)
@@ -62,17 +66,23 @@ export const useWeatherStore = create<WeatherStore>()(
       setWarningNotificationProvince: (province) => set({ warningNotificationProvince: province }),
       setTemperatureUnit: (unit) => set({ temperatureUnit: unit }),
       setWindSpeedUnit: (unit) => set({ windSpeedUnit: unit }),
+      setDashboardSectionVisible: (section, visible) => set((state) => ({
+        dashboardSections: { ...state.dashboardSections, [section]: visible },
+      })),
     }),
     {
       name: "wtr:preferences",
       migrate: (persisted) => {
         const state = persisted as Partial<WeatherStore> | undefined;
         const location = state?.selectedLocation as (Partial<SelectedLocation> & { region?: WeatherRegion }) | null | undefined;
-        if (!state || !location) return persisted;
+        if (!state) return persisted;
+        const dashboardSections = normalizeDashboardSectionVisibility(state.dashboardSections);
+        if (!location) return { ...state, dashboardSections };
         const countryCode = location.countryCode ?? (location.province ? "PL" : null);
         const region = location.region ?? getWeatherRegionForCountryCode(countryCode);
         return {
           ...state,
+          dashboardSections,
           selectedLocation: {
             ...location,
             country: location.country ?? (countryCode === "PL" ? "Polska" : null),