Fix packages/ui lint issues

Signed-off-by: Émile Ré <emile@getprobo.com>

packages/ui/.storybook/main.ts

@@ -7,18 +7,18 @@ import { join, dirname } from "path";
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
  */
 function getAbsolutePath(value: string): string {
-    return dirname(require.resolve(join(value, "package.json")));
+  return dirname(require.resolve(join(value, "package.json")));
 }
 const config: StorybookConfig = {
-    stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-    addons: [
-        getAbsolutePath("@storybook/addon-essentials"),
-        getAbsolutePath("@chromatic-com/storybook"),
-        getAbsolutePath("@storybook/experimental-addon-test"),
-    ],
-    framework: {
-        name: getAbsolutePath("@storybook/react-vite"),
-        options: {},
-    },
+  stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    getAbsolutePath("@storybook/addon-essentials"),
+    getAbsolutePath("@chromatic-com/storybook"),
+    getAbsolutePath("@storybook/experimental-addon-test"),
+  ],
+  framework: {
+    name: getAbsolutePath("@storybook/react-vite"),
+    options: {},
+  },
 };
 export default config;

packages/ui/.storybook/preview.tsx

@@ -4,31 +4,30 @@ import "../src/theme.css";
 import "./preview.css";
 import { BrowserRouter } from "react-router";
 import { useEffect } from "react";
-import React from "react";
 
 const preview: Preview = {
-    parameters: {
-        controls: {
-            matchers: {
-                color: /(background|color)$/i,
-                date: /Date$/i,
-            },
-        },
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
     },
-    decorators: [
-        (Story) => {
-            useEffect(() => {
-                document.body.classList.add("bg-level-0");
-            }, []);
-            return (
-                <BrowserRouter>
-                    <div className="text-txt-primary">
-                        <Story />
-                    </div>
-                </BrowserRouter>
-            );
-        },
-    ],
+  },
+  decorators: [
+    (Story) => {
+      useEffect(() => {
+        document.body.classList.add("bg-level-0");
+      }, []);
+      return (
+        <BrowserRouter>
+          <div className="text-txt-primary">
+            <Story />
+          </div>
+        </BrowserRouter>
+      );
+    },
+  ],
 };
 
 export default preview;