Fix packages/ui lint issues

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

packages/ui/src/Layouts/AuthLayout.stories.tsx

@@ -1,19 +0,0 @@
-import { AuthLayout } from "./AuthLayout";
-import type { Meta, StoryObj } from "@storybook/react";
-
-export default {
-    title: "Layouts/AuthLayout",
-    component: AuthLayout,
-    argTypes: {},
-    parameters: {
-        layout: "full",
-    },
-} satisfies Meta<typeof AuthLayout>;
-
-type Story = StoryObj<typeof AuthLayout>;
-
-export const Default: Story = {
-    args: {
-        children: "Text goes here",
-    },
-};

packages/ui/src/Layouts/CenteredLayout.stories.tsx

@@ -2,15 +2,15 @@ import { CenteredLayout } from "./CenteredLayout";
 import type { Meta, StoryObj } from "@storybook/react";
 
 export default {
-    title: "Layouts/CenteredLayout",
-    component: CenteredLayout,
-    argTypes: {},
+  title: "Layouts/CenteredLayout",
+  component: CenteredLayout,
+  argTypes: {},
 } satisfies Meta<typeof CenteredLayout>;
 
 type Story = StoryObj<typeof CenteredLayout>;
 
 export const Default: Story = {
-    args: {
-        children: "lorem ipsum",
-    },
+  args: {
+    children: "lorem ipsum",
+  },
 };

packages/ui/src/Layouts/ErrorLayout.stories.tsx

@@ -2,16 +2,16 @@ import { ErrorLayout } from "./ErrorLayout";
 import type { Meta, StoryObj } from "@storybook/react";
 
 export default {
-    title: "Layouts/ErrorLayout",
-    component: ErrorLayout,
-    argTypes: {},
+  title: "Layouts/ErrorLayout",
+  component: ErrorLayout,
+  argTypes: {},
 } satisfies Meta<typeof ErrorLayout>;
 
 type Story = StoryObj<typeof ErrorLayout>;
 
 export const Default: Story = {
-    args: {
-        title: "Something went wrong",
-        description: "An unexpected error occurred",
-    },
+  args: {
+    title: "Something went wrong",
+    description: "An unexpected error occurred",
+  },
 };

packages/ui/src/Layouts/ErrorLayout.tsx

@@ -2,17 +2,17 @@ import type { PropsWithChildren } from "react";
 import { IconCircleInfo } from "../Atoms/Icons";
 
 type Props = PropsWithChildren<{
-    title?: string;
-    description?: string;
+  title?: string;
+  description?: string;
 }>;
 
 export function ErrorLayout({ title, description, children }: Props) {
-    return (
-        <div className="min-h-screen w-full gap-2 flex flex-col items-center justify-center">
-            <IconCircleInfo className="text-txt-danger" size={40} />
-            <h1 className="text-4xl font-bold">{title}</h1>
-            <p className="text-txt-secondary">{description}</p>
-            {children}
-        </div>
-    );
+  return (
+    <div className="min-h-screen w-full gap-2 flex flex-col items-center justify-center">
+      <IconCircleInfo className="text-txt-danger" size={40} />
+      <h1 className="text-4xl font-bold">{title}</h1>
+      <p className="text-txt-secondary">{description}</p>
+      {children}
+    </div>
+  );
 }

packages/ui/src/Layouts/Layout.stories.tsx

@@ -2,46 +2,46 @@ import { Layout, Drawer } from "./Layout";
 import type { Meta, StoryObj } from "@storybook/react";
 
 const meta = {
-    title: "Layouts/Base",
-    component: Layout,
-    parameters: {
-        layout: "full",
-    },
+  title: "Layouts/Base",
+  component: Layout,
+  parameters: {
+    layout: "full",
+  },
 } satisfies Meta<typeof Layout>;
 
 export default meta;
 type Story = StoryObj<typeof Layout>;
 
 export const Default: Story = {
-    args: {
-        children: (
-            <p>
-                Lorem ipsum dolor sit amet consectetur, adipisicing elit.
-                Tempora tempore odit at ipsa dignissimos cumque deleniti, illum
-                rerum sunt laudantium molestias ducimus vero maiores eligendi
-                necessitatibus nemo animi. Ipsam, fugit.
-            </p>
-        ),
-    },
+  args: {
+    children: (
+      <p>
+        Lorem ipsum dolor sit amet consectetur, adipisicing elit.
+        Tempora tempore odit at ipsa dignissimos cumque deleniti, illum
+        rerum sunt laudantium molestias ducimus vero maiores eligendi
+        necessitatibus nemo animi. Ipsam, fugit.
+      </p>
+    ),
+  },
 };
 
 export const WithSidebar: Story = {
-    args: {
-        children: (
-            <>
-                <p>
-                    Lorem ipsum dolor sit amet consectetur, adipisicing elit.
-                    Tempora tempore odit at ipsa dignissimos cumque deleniti,
-                    illum rerum sunt laudantium molestias ducimus vero maiores
-                    eligendi necessitatibus nemo animi. Ipsam, fugit.
-                </p>
-                <Drawer>
-                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                    Nostrum reiciendis eveniet possimus illo rerum labore nisi
-                    voluptatibus sequi consectetur corrupti, a, sunt dicta ut ad
-                    pariatur. Beatae optio libero pariatur!
-                </Drawer>
-            </>
-        ),
-    },
+  args: {
+    children: (
+      <>
+        <p>
+          Lorem ipsum dolor sit amet consectetur, adipisicing elit.
+          Tempora tempore odit at ipsa dignissimos cumque deleniti,
+          illum rerum sunt laudantium molestias ducimus vero maiores
+          eligendi necessitatibus nemo animi. Ipsam, fugit.
+        </p>
+        <Drawer>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit.
+          Nostrum reiciendis eveniet possimus illo rerum labore nisi
+          voluptatibus sequi consectetur corrupti, a, sunt dicta ut ad
+          pariatur. Beatae optio libero pariatur!
+        </Drawer>
+      </>
+    ),
+  },
 };