chore: update lake datasets, add new monitoring locations, and introduce docker-compose infrastructure

src/components/FavoritesOverview.tsx

@@ -25,6 +25,7 @@ interface Lake {
   maxVolume: number;
   navigationForbidden: boolean;
   sparkline: number[];
+  country?: string;
 }
 
 interface Props {
@@ -32,6 +33,15 @@ interface Props {
   windUnit?: 'kmh' | 'ms';
 }
 
+const getFlagEmoji = (countryCode?: string) => {
+  const code = countryCode || 'CZ';
+  const codePoints = code
+    .toUpperCase()
+    .split('')
+    .map(char => 127397 + char.charCodeAt(0));
+  return String.fromCodePoint(...codePoints);
+};
+
 const FavoritesOverview = ({ language }: Props) => {
   const [lakes, setLakes] = useState<Lake[]>([]);
   const { isFavorite, toggleFavorite } = useFavorites();
@@ -124,8 +134,9 @@ const FavoritesOverview = ({ language }: Props) => {
                 </button>
 
                 <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', paddingRight: '2rem' }}>
-                  <h3 style={{ fontSize: '1.25rem', fontWeight: 'bold', margin: 0 }}>
-                    {lake.name} {lake.river ? `- ${lake.river}` : ''}
+                  <h3 style={{ fontSize: '1.25rem', fontWeight: 'bold', margin: 0, lineHeight: '1.3' }}>
+                    <span style={{ marginRight: '0.5rem', fontSize: '1.4rem', verticalAlign: 'middle', display: 'inline-block', lineHeight: 1 }}>{getFlagEmoji(lake.country)}</span>
+                    <span style={{ verticalAlign: 'middle' }}>{lake.name} {lake.river ? `- ${lake.river}` : ''}</span>
                   </h3>
                   <div style={{ display: 'flex', gap: '0.4rem', flexShrink: 0 }}>
                     <Tooltip content={lake.navigationForbidden ? (language === 'cs' ? 'Koupání zakázáno' : 'Swimming forbidden') : (language === 'cs' ? 'Koupání (bez omezení)' : 'Swimming allowed')}>