chore: lint

src/components/molecules/action-settings/scrape.tsx

@@ -14,13 +14,13 @@ export const ScrapeSettings = forwardRef((props, ref) => {
   return (
     <Stack direction="column">
       <TextField
-        sx={{marginLeft: '15px', marginRight: '15px'}}
+        sx={{ marginLeft: '15px', marginRight: '15px' }}
         type="string"
         label="Selector"
         onChange={(e) => setSettings(e.target.value)}
       />
       <WarningText>
-        <InfoIcon color='warning'/>
+        <InfoIcon color='warning' />
         The scrape function uses heuristic algorithm to automatically scrape only important data from the page.
         If a selector is used it will scrape and automatically parse all available
         data inside of the selected element(s).

src/components/molecules/action-settings/scrapeSchema.tsx

@@ -4,11 +4,11 @@ import InfoIcon from "@mui/icons-material/Info";
 import { KeyValueForm } from "../KeyValueForm";
 
 export const ScrapeSchemaSettings = forwardRef((props, ref) => {
-  const keyValueFormRef = useRef<{getObject: () => object}>(null);
+  const keyValueFormRef = useRef<{ getObject: () => object }>(null);
 
   useImperativeHandle(ref, () => ({
     getSettings() {
-      const settings = keyValueFormRef.current?.getObject() as Record<string,string>
+      const settings = keyValueFormRef.current?.getObject() as Record<string, string>
       return settings;
     }
   }));
@@ -16,10 +16,10 @@ export const ScrapeSchemaSettings = forwardRef((props, ref) => {
   return (
     <div>
       <WarningText>
-        <InfoIcon color='warning'/>
+        <InfoIcon color='warning' />
         The interpreter scrapes the data from a webpage into a "curated" table.
       </WarningText>
-      <KeyValueForm ref={keyValueFormRef}/>
+      <KeyValueForm ref={keyValueFormRef} />
     </div>
-);
+  );
 });