Fix homepage layout and add Polish language support

- Reorganize StartScreen: Start New Game button always visible at top
- Move unfinished games section below the start button
- Remove '2.' prefix from startGame translations (all languages)
- Update startNewGame translations to be button-appropriate
- Fix TypeScript errors: Update GameImportModal, GameAnalysisModal, and GameOverModal to use SupportedLanguage type instead of hardcoded language union
- Delete local branches: codex/add-polish-as-ui-language and codex/add-option-to-continue-game-from-position

src/components/GameAnalysisModal.tsx

@@ -5,12 +5,13 @@ import { Stockfish, StockfishEvaluation } from "@/lib/stockfish";
 import { OpeningMetadata, lookupOpening } from "@/lib/openings";
 import { getGenAIModel } from "@/lib/gemini";
 import { Loader2, X, Brain, Trophy, AlertTriangle } from "lucide-react";
+import { SupportedLanguage } from "@/lib/i18n/translations";
 
 interface GameAnalysisModalProps {
     fen: string;
     stockfish: Stockfish | null;
     apiKey: string | null;
-    language: 'en' | 'de' | 'fr' | 'it';
+    language: SupportedLanguage;
     onClose: () => void;
 }
 

src/components/GameImportModal.tsx

@@ -4,11 +4,12 @@ import { useState, useEffect } from "react";
 import { Chessboard } from "react-chessboard";
 import { X, Loader2, Download, ExternalLink } from "lucide-react";
 import { fetchChessComGames, fetchLichessGames, GameMetadata, Platform } from "@/lib/gameImport";
+import { SupportedLanguage } from "@/lib/i18n/translations";
 
 interface GameImportModalProps {
     onClose: () => void;
     onSelectGame: (pgn: string) => void;
-    language: 'en' | 'de' | 'fr' | 'it';
+    language: SupportedLanguage;
 }
 
 export function GameImportModal({ onClose, onSelectGame, language }: GameImportModalProps) {

src/components/GameOverModal.tsx

@@ -6,6 +6,7 @@ import { Loader2, X, Trophy, AlertTriangle, RefreshCw } from "lucide-react";
 import { StockfishEvaluation } from "@/lib/stockfish";
 import { DetectedTactic } from "@/lib/tacticDetection";
 import ReactMarkdown from "react-markdown";
+import { SupportedLanguage } from "@/lib/i18n/translations";
 
 export interface MoveHistoryItem {
     moveNumber: number;
@@ -50,7 +51,7 @@ interface GameOverModalProps {
     winner: "White" | "Black" | "Draw";
     history: MoveHistoryItem[];
     apiKey: string | null;
-    language: 'en' | 'de' | 'fr' | 'it';
+    language: SupportedLanguage;
     onClose: () => void;
     onNewGame: () => void;
 }

src/components/StartScreen.tsx

@@ -85,11 +85,7 @@ export default function StartScreen({ onStartGame, onResumeGame, savedGames, onD
         return t.start.noEvaluation;
     };
 
-    useEffect(() => {
+
-        if (!hasSavedGames) {
-            setShowNewGameOptions(true);
-        }
-    }, [hasSavedGames]);
 
     if (!mounted) return null;
 
@@ -118,18 +114,24 @@ export default function StartScreen({ onStartGame, onResumeGame, savedGames, onD
                         </h2>
 
                         <div className="space-y-6">
-                            {hasSavedGames && (
+                            {/* Start New Game Button - Always visible at top */}
+                            <div>
+                                <button
+                                    onClick={() => setShowNewGameOptions(!showNewGameOptions)}
+                                    className="w-full py-4 px-4 bg-blue-600 text-white rounded-xl hover:bg-blue-700 font-semibold shadow-lg transition-transform transform hover:scale-[1.02] flex items-center justify-center gap-2"
+                                >
+                                    <Brain size={18} />
+                                    {t.start.startNewGame}
+                                </button>
+                            </div>
+
+                            {/* Unfinished Games Section */}
+                            {hasSavedGames && !showNewGameOptions && (
                                 <div className="space-y-4">
                                     <div className="flex items-center justify-between">
                                         <h3 className="text-lg font-semibold text-gray-900 dark:text-white">
                                             {t.start.savedGamesTitle}
                                         </h3>
-                                        <button
-                                            onClick={() => setShowNewGameOptions(true)}
-                                            className="text-sm text-blue-600 dark:text-blue-400 hover:underline"
-                                        >
-                                            {t.start.startNewGame}
-                                        </button>
                                     </div>
 
                                     {sortedSavedGames.length === 0 && (
@@ -210,7 +212,7 @@ export default function StartScreen({ onStartGame, onResumeGame, savedGames, onD
                             )}
 
                             {/* New Game Options */}
-                            {(!hasSavedGames || showNewGameOptions) && (
+                            {showNewGameOptions && (
                                 <div className="space-y-8 animate-in fade-in slide-in-from-top-4 duration-300">
                                     {/* Color Selection */}
                                     <div>
@@ -326,14 +328,12 @@ export default function StartScreen({ onStartGame, onResumeGame, savedGames, onD
                                         )}
                                     </div>
 
-                                    {hasSavedGames && (
+                                    <button
-                                        <button
+                                        onClick={() => setShowNewGameOptions(false)}
-                                            onClick={() => setShowNewGameOptions(false)}
+                                        className="w-full py-3 text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors"
-                                            className="w-full py-3 text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors"
+                                    >
-                                        >
+                                        {t.common.cancel}
-                                            {t.common.cancel}
+                                    </button>
-                                        </button>
-                                    )}
                                 </div>
                             )}
 

src/lib/i18n/translations.ts

@@ -194,9 +194,9 @@ const en: Translations = {
         apiKey: 'Google Gemini API Key',
         apiKeyPlaceholder: 'AIzaSy...',
         getApiKey: 'Get free key',
-        startGame: '2. Start Game',
+        startGame: 'Start Game',
         resumeGame: 'Resume Previous Game',
-        startNewGame: 'Start New Game instead...',
+        startNewGame: 'Start New Game',
         chooseCoach: 'Choose Your Coach:',
         importPosition: 'Import Position or Game (FEN or PGN)',
         importPositionPlaceholder: 'Paste FEN position or PGN game here...',
@@ -355,9 +355,9 @@ const de: Translations = {
         apiKey: 'Google Gemini API-Schlüssel',
         apiKeyPlaceholder: 'AIzaSy...',
         getApiKey: 'Kostenlosen Schlüssel erhalten',
-        startGame: '2. Spiel starten',
+        startGame: 'Spiel starten',
         resumeGame: 'Vorheriges Spiel fortsetzen',
-        startNewGame: 'Stattdessen neues Spiel starten...',
+        startNewGame: 'Neues Spiel starten',
         chooseCoach: 'Wähle deinen Trainer:',
         importPosition: 'Position oder Partie importieren (FEN oder PGN)',
         importPositionPlaceholder: 'FEN-Position oder PGN-Partie hier einfügen...',
@@ -516,9 +516,9 @@ const fr: Translations = {
         apiKey: 'Clé API Google Gemini',
         apiKeyPlaceholder: 'AIzaSy...',
         getApiKey: 'Obtenir une clé gratuite',
-        startGame: '2. Démarrer la partie',
+        startGame: 'Démarrer la partie',
         resumeGame: 'Reprendre la partie précédente',
-        startNewGame: 'Démarrer une nouvelle partie...',
+        startNewGame: 'Démarrer une nouvelle partie',
         chooseCoach: 'Choisissez votre coach :',
         importPosition: 'Importer une position ou partie (FEN ou PGN)',
         importPositionPlaceholder: 'Collez une position FEN ou partie PGN ici...',
@@ -677,9 +677,9 @@ const it: Translations = {
         apiKey: 'Chiave API Google Gemini',
         apiKeyPlaceholder: 'AIzaSy...',
         getApiKey: 'Ottieni chiave gratuita',
-        startGame: '2. Inizia partita',
+        startGame: 'Inizia partita',
         resumeGame: 'Riprendi partita precedente',
-        startNewGame: 'Inizia nuova partita...',
+        startNewGame: 'Inizia nuova partita',
         chooseCoach: 'Scegli il tuo allenatore:',
         importPosition: 'Importa posizione o partita (FEN o PGN)',
         importPositionPlaceholder: 'Incolla posizione FEN o partita PGN qui...',
@@ -838,9 +838,9 @@ const pl: Translations = {
         apiKey: 'Klucz API Google Gemini',
         apiKeyPlaceholder: 'AIzaSy...',
         getApiKey: 'Zdobądź darmowy klucz',
-        startGame: '2. Rozpocznij grę',
+        startGame: 'Rozpocznij grę',
         resumeGame: 'Wznów poprzednią partię',
-        startNewGame: 'Zacznij nową partię...',
+        startNewGame: 'Rozpocznij nową partię',
         chooseCoach: 'Wybierz swojego trenera:',
         importPosition: 'Importuj pozycję lub partię (FEN lub PGN)',
         importPositionPlaceholder: 'Wklej tutaj pozycję FEN lub partię PGN...',