feat: add Open-Meteo weather forecast

components/dashboard/dashboard-page.tsx

@@ -11,6 +11,8 @@ import { PageLoadingSkeleton } from "@/components/states/loading-skeleton";
 import { ErrorState } from "@/components/states/error-state";
 import { useI18n } from "@/lib/i18n";
 import { useMeteoStationPositions } from "@/hooks/use-meteo-stations";
+import { ForecastPanel } from "@/components/forecast/forecast-panel";
+import { locateSynopStations } from "@/lib/location-utils";
 
 export function DashboardPage() {
   const { t } = useI18n();
@@ -24,11 +26,17 @@ export function DashboardPage() {
     ?? stations.find((station) => station.name === DEFAULT_STATION_NAME)
     ?? stations[0];
   const activeLocation = selectedLocation?.stationId === selectedStation.id ? selectedLocation : null;
+  const stationPosition = locateSynopStations(stations, positions).find((station) => station.id === selectedStation.id);
+  const hasActiveLocationCoordinates = Number.isFinite(activeLocation?.latitude) && Number.isFinite(activeLocation?.longitude);
+  const forecastLatitude = hasActiveLocationCoordinates ? activeLocation?.latitude : stationPosition?.latitude;
+  const forecastLongitude = hasActiveLocationCoordinates ? activeLocation?.longitude : stationPosition?.longitude;
+  const forecastLocationName = hasActiveLocationCoordinates ? activeLocation?.name ?? selectedStation.name : selectedStation.name;
 
   return (
     <div className="space-y-10">
       <LocationSearch stations={stations} positions={positions} />
       <WeatherHero station={selectedStation} locationName={activeLocation?.name} distanceKm={activeLocation?.distanceKm} />
+      <ForecastPanel latitude={forecastLatitude} longitude={forecastLongitude} locationName={forecastLocationName} />
       <FavoritesSection stations={stations} />
       <FeaturedStationsSection stations={stations} />
     </div>