Add vendor certifications tab

Signed-off-by: Bryan Frimin <bryan@getprobo.com>
Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>

packages/ui/src/Atoms/Dropzone/Dropzone.stories.tsx

@@ -0,0 +1,12 @@
+import { Dropzone } from "./Dropzone";
+import type { Meta, StoryObj } from "@storybook/react";
+
+export default {
+    title: "Atoms/Dropzone",
+    component: Dropzone,
+    argTypes: {},
+} satisfies Meta<typeof Dropzone>;
+
+type Story = StoryObj<typeof Dropzone>;
+
+export const Default: Story = {};

packages/ui/src/Atoms/Dropzone/Dropzone.tsx

@@ -0,0 +1,24 @@
+import { useCallback } from "react";
+import { useDropzone } from "react-dropzone";
+
+type Props = {};
+
+export function Dropzone({}: Props) {
+    const onDrop = useCallback((acceptedFiles) => {
+        // Do something with the files
+    }, []);
+    const { getRootProps, getInputProps, isDragActive } = useDropzone({
+        onDrop,
+    });
+
+    return (
+        <div {...getRootProps()}>
+            <input {...getInputProps()} />
+            {isDragActive ? (
+                <p>Drop the files here ...</p>
+            ) : (
+                <p>Drag 'n' drop some files here, or click to select files</p>
+            )}
+        </div>
+    );
+}