feat: implement multilingual SEO support and enhance map UI with data synchronization updates

2026-06-06 17:24:30 +02:00
parent 66021e001e
commit 6395df1992
30 changed files with 3036 additions and 280 deletions
@@ -53,26 +53,31 @@ const Sidebar = ({ language, onOpenSettings, isMobileMenuOpen, onCloseMobileMenu
      <div className="nav-links">
        {/* Favourites */}
        <div className={`nav-item ${isFavoritesPage ? 'active' : ''}`} onClick={() => handleNavigate('/favorites')} style={{ position: 'relative' }}>
-          <FiStar fill={favorites.length > 0 ? '#f59e0b' : 'none'} color={favorites.length > 0 ? '#f59e0b' : 'currentColor'} />
+          <div style={{ position: 'relative', display: 'flex' }}>
+            <FiStar fill={favorites.length > 0 ? '#f59e0b' : 'none'} color={favorites.length > 0 ? '#f59e0b' : 'currentColor'} />
+            {favorites.length > 0 && (
+              <span style={{
+                position: 'absolute',
+                top: '-8px',
+                right: '-12px',
+                backgroundColor: '#f59e0b',
+                color: '#000',
+                borderRadius: '999px',
+                fontSize: '0.65rem',
+                fontWeight: 'bold',
+                minWidth: '16px',
+                height: '16px',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                padding: '0 4px',
+                border: '2px solid var(--bg-card)'
+              }}>
+                {favorites.length}
+              </span>
+            )}
+          </div>
          <span className="sidebar-text">{dict.favorites}</span>
-          {favorites.length > 0 && (
-            <span style={{
-              marginLeft: 'auto',
-              backgroundColor: '#f59e0b',
-              color: '#000',
-              borderRadius: '999px',
-              fontSize: '0.7rem',
-              fontWeight: 'bold',
-              minWidth: '18px',
-              height: '18px',
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center',
-              padding: '0 5px',
-            }}>
-              {favorites.length}
-            </span>
-          )}
        </div>

        {/* Lakes & Reservoirs */}