ui: drawer component implementation start

platform/firecamp-ui/src/components/drawer/Drawer.tsx

@@ -0,0 +1,18 @@
+import { useDisclosure } from '@mantine/hooks';
+import { Drawer, Button, Group } from '@mantine/core';
+
+function Demo() {
+    const [opened, { open, close }] = useDisclosure(false);
+
+    return (
+        <>
+            <Drawer opened={opened} onClose={close} title="Authentication">
+                {/* Drawer content */}
+            </Drawer>
+
+            <Group position="center">
+                <Button onClick={open}>Open Drawer</Button>
+            </Group>
+        </>
+    );
+}