feat : useScreenSize for board size

src/sections/engineSettings/engineSettingsButton.tsx

@@ -1,15 +1,18 @@
-import { Button } from "@mui/material";
+import { IconButton, Tooltip } from "@mui/material";
 import { useState } from "react";
 import EngineSettingsDialog from "./engineSettingsDialog";
+import { Icon } from "@iconify/react";
 
 export default function EngineSettingsButton() {
   const [openDialog, setOpenDialog] = useState(false);
 
   return (
     <>
-      <Button variant="contained" onClick={() => setOpenDialog(true)}>
-        Engine Settings
-      </Button>
+      <Tooltip title="Engine settings">
+        <IconButton onClick={() => setOpenDialog(true)}>
+          <Icon icon="ri:settings-3-line" height={20} />
+        </IconButton>
+      </Tooltip>
 
       <EngineSettingsDialog
         open={openDialog}

src/sections/engineSettings/engineSettingsDialog.tsx

@@ -28,9 +28,10 @@ export default function EngineSettingsDialog({ open, onClose }: Props) {
       <DialogTitle marginY={1} variant="h5">
         Set engine parameters
       </DialogTitle>
-      <DialogContent>
+      <DialogContent sx={{ paddingBottom: 0 }}>
         <Typography>
-          Only Stockfish 16 is available now, more engine choices will come !
+          Stockfish 16 is the only engine available now, more engine choices
+          will come soon !
         </Typography>
         <Grid
           marginTop={4}