feat: add configurable wind units

components/weather/station-card.tsx

@@ -4,7 +4,7 @@ import Link from "next/link";
 import { motion } from "framer-motion";
 import { Droplets, Gauge, Heart, Wind } from "lucide-react";
 import { useWeatherStore } from "@/lib/store";
-import { formatHumidity, formatPressure, formatTemperature, getWeatherMoodFromData } from "@/lib/weather-utils";
+import { formatHumidity, formatPressure, formatTemperature, formatWind, getWeatherMoodFromData } from "@/lib/weather-utils";
 import type { SynopStation } from "@/types/imgw";
 import { Card } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
@@ -17,9 +17,10 @@ export function StationCard({ station, index = 0 }: { station: SynopStation; ind
   const favorites = useWeatherStore((state) => state.favorites);
   const toggleFavorite = useWeatherStore((state) => state.toggleFavorite);
   const selectStation = useWeatherStore((state) => state.selectStation);
+  const windSpeedUnit = useWeatherStore((state) => state.windSpeedUnit);
   const favorite = favorites.includes(station.id);
   const mood = getWeatherMoodFromData(station);
-  const compactWind = station.windSpeed === null ? "—" : `${station.windSpeed.toFixed(1)} m/s`;
+  const compactWind = station.windSpeed === null ? "—" : formatWind(station.windSpeed, null, language, windSpeedUnit);
   return (
     <motion.div initial={{ opacity: 0, y: 10 }} animate={{ opacity: 1, y: 0 }} transition={{ delay: Math.min(index * 0.025, 0.3), duration: 0.3 }}>
       <Card className="group relative h-full overflow-hidden p-4 transition duration-300 hover:-translate-y-1 hover:bg-surface-raised/90">