style : add skeletons in analysis body

src/sections/analysis/panelBody/analysisTab/moveInfo.tsx

@@ -1,4 +1,4 @@
-import { Grid2 as Grid, Stack, Typography } from "@mui/material";
+import { Grid2 as Grid, Skeleton, Stack, Typography } from "@mui/material";
 import { useAtomValue } from "jotai";
 import { boardAtom, currentPositionAtom } from "../../states";
 import { useMemo } from "react";
@@ -21,7 +21,24 @@ export default function MoveInfo() {
     return moveLineUciToSan(lastPosition)(bestMove);
   }, [bestMove, board]);
 
-  if (!bestMoveSan) return null;
+  if (board.history().length === 0) return null;
+
+  if (!bestMoveSan) {
+    return (
+      <Grid size={12} justifyItems="center" alignContent="center">
+        <Skeleton
+          variant="rounded"
+          animation="wave"
+          width={"12em"}
+          sx={{ color: "transparent", maxWidth: "7vw", maxHeight: "3.5vw" }}
+        >
+          <Typography align="center" fontSize="0.9rem">
+            placeholder
+          </Typography>
+        </Skeleton>
+      </Grid>
+    );
+  }
 
   const moveClassification = position.eval?.moveClassification;
   const moveLabel = moveClassification