feat: make tool responsive

src/components/options/ToolOptionGroups.tsx

@@ -1,6 +1,7 @@
 import Typography from '@mui/material/Typography';
 import React, { ReactNode } from 'react';
 import { Box, Stack } from '@mui/material';
+import Grid from '@mui/material/Grid';
 
 interface ToolOptionGroup {
   title: string;
@@ -13,15 +14,15 @@ export default function ToolOptionGroups({
   groups: ToolOptionGroup[];
 }) {
   return (
-    <Stack direction={'row'} spacing={2}>
+    <Grid container spacing={2}>
       {groups.map((group) => (
-        <Box key={group.title}>
+        <Grid item xs={12} md={6} key={group.title}>
           <Typography mb={1} fontSize={22}>
             {group.title}
           </Typography>
           {group.component}
-        </Box>
+        </Grid>
       ))}
-    </Stack>
+    </Grid>
   );
 }