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}