refactor: remove coverage report and add weather widget and navigation utility files

src/components/LakeDetail.tsx

@@ -2,6 +2,9 @@ import { useState, useEffect } from 'react';
 import { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Line, ComposedChart, ReferenceLine, Bar } from 'recharts';
 import { type Language, t } from '../translations';
 import KpiCards from './KpiCards';
+import { WeatherWidget } from './WeatherWidget';
+import { NAVIGATION_LIMITS } from '../utils/navigationLimits';
+import { FiAlertCircle } from 'react-icons/fi';
 
 interface LipnoData {
   timestamp: string;
@@ -211,6 +214,8 @@ const LakeDetail = ({ language, lakeId }: Props) => {
     storageDiff: lakeInfo?.storageDiff
   };
 
+  const limits = lakeInfo ? NAVIGATION_LIMITS[lakeInfo.id] : undefined;
+
   return (
     <div style={{ display: 'flex', flexDirection: 'column', gap: '1.5rem', width: '100%' }}>
       <div style={{ color: 'var(--text-muted)', fontSize: '0.9rem', marginTop: '-0.5rem', display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
@@ -220,6 +225,31 @@ const LakeDetail = ({ language, lakeId }: Props) => {
 
       <KpiCards data={kpiData} language={language} lakeName={lakeInfo ? lakeInfo.name : 'Lipno 1'} />
       
+      {lakeInfo && lakeInfo.lat && lakeInfo.lng && (
+        <WeatherWidget lat={lakeInfo.lat} lng={lakeInfo.lng} language={language} sensorTemp={latestData.temperature} />
+      )}
+      
+      {limits && limits.map((limit, idx) => {
+        const diff = latestData.level - limit.level;
+        if (diff < 1.0) {
+          const isBelow = diff < 0;
+          return (
+            <div key={idx} style={{ padding: '1rem', borderRadius: '8px', backgroundColor: isBelow ? 'rgba(248, 113, 113, 0.1)' : 'rgba(245, 158, 11, 0.1)', border: `1px solid ${isBelow ? 'var(--color-red)' : '#f59e0b'}`, color: isBelow ? 'var(--color-red)' : '#f59e0b', display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
+              <FiAlertCircle style={{ flexShrink: 0, fontSize: '1.5rem' }} />
+              <div>
+                <strong>{language === 'cs' ? limit.labelCs : limit.labelEn} ({limit.level.toFixed(2)} m n.m.):</strong>
+                <br/>
+                {isBelow 
+                  ? (language === 'cs' ? `Hladina je ${Math.abs(diff).toFixed(2)} m POD limitem! Přerušení provozu.` : `Level is ${Math.abs(diff).toFixed(2)} m BELOW limit! Operations suspended.`)
+                  : (language === 'cs' ? `Hladina se blíží k limitu (zbývá ${diff.toFixed(2)} m).` : `Level is approaching limit (${diff.toFixed(2)} m remaining).`)
+                }
+              </div>
+            </div>
+          );
+        }
+        return null;
+      })}
+      
       {/* CHART SECTION */}
       <div className="chart-card">
         <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '1.5rem', flexWrap: 'wrap', gap: '1rem' }}>
@@ -250,6 +280,9 @@ const LakeDetail = ({ language, lakeId }: Props) => {
               <Tooltip content={<CustomTooltip language={language} />} />
               
               {/* Data Series */}
+              {limits && limits.map((limit, idx) => (
+                <ReferenceLine key={idx} yAxisId="left" y={limit.level} stroke={limit.type === 'danger' ? 'var(--color-red)' : '#f59e0b'} strokeDasharray="3 3" label={{ position: 'insideBottomRight', value: language === 'cs' ? limit.labelCs : limit.labelEn, fill: limit.type === 'danger' ? 'var(--color-red)' : '#f59e0b', fontSize: 12 }} />
+              ))}
               <Area yAxisId="left" type={curveType} dataKey="level" stroke="var(--color-cyan)" strokeWidth={2} fillOpacity={1} fill="url(#colorLevel)" isAnimationActive={animate} />
               <Line yAxisId="right" type={curveType} dataKey="outflow" stroke="var(--color-orange)" strokeWidth={2} dot={false} isAnimationActive={animate} />
               <Line yAxisId="right" type={curveType} dataKey="inflow" stroke="#8b5cf6" strokeWidth={2} dot={false} isAnimationActive={animate} />