chore: use formik

src/components/ToolOptions.tsx

@@ -0,0 +1,15 @@
+import { Box, Stack, useTheme } from '@mui/material'
+import SettingsIcon from '@mui/icons-material/Settings'
+import Typography from '@mui/material/Typography'
+import React, { ReactNode } from 'react'
+
+export default function ToolOptions({ children }: { children: ReactNode }) {
+  const theme = useTheme()
+  return (<Box sx={{ mb: 2, borderRadius: 2, padding: 2, backgroundColor: theme.palette.background.default }} mt={2}>
+    <Stack direction={'row'} spacing={1} alignItems={'center'}>
+      <SettingsIcon />
+      <Typography fontSize={22}>Tool options</Typography>
+    </Stack>
+    {children}
+  </Box>)
+}