style : fix stretch view

src/pages/index.tsx

@@ -37,42 +37,20 @@ export default function GameReport() {
   }, [gameId, setEval, setBoardOrientation, resetBoard, setGamePgn]);
 
   return (
-    <Grid
-      container
-      rowGap={6}
-      justifyContent="center"
-      alignItems="start"
-      gap={6}
-    >
-      <Grid
-        item
-        container
-        justifyContent="center"
-        alignItems="center"
-        xs={12}
-        md
-      >
+    <Grid container gap={4} justifyContent="space-evenly" alignItems="start">
       <Board />
-      </Grid>
 
       <Grid
-        item
         container
+        item
         marginTop={{ xs: 0, md: "2.5em" }}
         justifyContent="center"
         alignItems="center"
-        xs={12}
-        md
-      >
-        <Grid
-          container
-          item
-          justifyContent="center"
-          alignItems="center"
         borderRadius={2}
         border={1}
         borderColor={"secondary.main"}
         xs={12}
+        md
         sx={{
           backgroundColor: "secondary.main",
           borderColor: "primary.main",
@@ -80,6 +58,9 @@ export default function GameReport() {
         }}
         padding={3}
         gap={3}
+        style={{
+          maxWidth: "1100px",
+        }}
       >
         {isMdOrGreater ? <ReviewPanelHeader /> : <ReviewPanelToolBar />}
 
@@ -92,6 +73,5 @@ export default function GameReport() {
         {isMdOrGreater ? <ReviewPanelToolBar /> : <ReviewPanelHeader />}
       </Grid>
     </Grid>
-    </Grid>
   );
 }