feat : add arrow opt out options

src/sections/analysis/reviewPanelHeader/analyzePanel.tsx

@@ -40,6 +40,7 @@ export default function AnalyzePanel() {
       engineDepth,
       engineMultiPv
     );
+    console.log(newGameEval);
     setEval(newGameEval);
 
     setEvaluationInProgress(false);

src/sections/analysis/reviewPanelHeader/gamePanel/index.tsx

@@ -1,7 +1,7 @@
 import { Grid, Typography } from "@mui/material";
 import { useGameDatabase } from "@/hooks/useGameDatabase";
 import { useAtomValue } from "jotai";
-import { gameAtom } from "../states";
+import { gameAtom } from "../../states";
 import PlayerInfo from "./playerInfo";
 
 export default function GamePanel() {
@@ -12,7 +12,14 @@ export default function GamePanel() {
 
   if (!hasGameInfo) {
     return (
-      <Grid item container xs={12} justifyContent="center" alignItems="center">
+      <Grid
+        item
+        container
+        xs={12}
+        justifyContent="center"
+        alignItems="center"
+        marginY={1}
+      >
         <Typography variant="h6">No game loaded</Typography>
       </Grid>
     );

src/sections/analysis/reviewPanelHeader/gamePanel/playerInfo.tsx

@@ -1,7 +1,7 @@
 import { useGameDatabase } from "@/hooks/useGameDatabase";
 import { Grid, Typography } from "@mui/material";
 import { useAtomValue } from "jotai";
-import { gameAtom } from "../states";
+import { gameAtom } from "../../states";
 
 interface Props {
   color: "white" | "black";

src/sections/analysis/reviewPanelHeader/loadGame.tsx

@@ -54,7 +54,7 @@ export default function LoadGame() {
       <LoadGameButton
         label={isGameLoaded ? "Load another game" : "Load game"}
         setGame={async (game) => {
-          await router.push("");
+          await router.push("/");
           resetAndSetGamePgn(game.pgn());
         }}
       />