Add horizontal evaluation bar to analysis page

src/app/analysis/page.tsx

@@ -19,6 +19,7 @@ import { ChatSession } from "@google/generative-ai";
 import ReactMarkdown from "react-markdown";
 import { useDebug } from "@/contexts/DebugContext";
 import { GameImportModal } from "@/components/GameImportModal";
+import { EvaluationBar } from "@/components/EvaluationBar";
 
 interface MoveStep {
     san: string;
@@ -537,6 +538,16 @@ INSTRUCTIONS:
                                         </div>
                                     </div>
 
+                                    {/* Horizontal Evaluation Bar */}
+                                    <div className="w-full">
+                                        <EvaluationBar
+                                            score={currentDetails?.evalAfter?.score}
+                                            mate={currentDetails?.evalAfter?.mate}
+                                            isPlayerWhite={true}
+                                            orientation="horizontal"
+                                        />
+                                    </div>
+
                                     <div>
                                         <div className="font-semibold text-gray-800 dark:text-gray-100 mb-2">{t.analysis.missedTactics}</div>
                                         {tacticSummary.length === 0 && (