feat: modals

src/modals/TestModal/TestModal.tsx

@@ -0,0 +1,16 @@
+"use client"
+
+import { Flex, rem, Text } from "@mantine/core";
+import { ContextModalProps } from "@mantine/modals";
+
+const TestModal = ({ id, context, innerProps }: ContextModalProps) => {
+    return (
+        <Flex
+            gap={rem(10)}
+            direction={"column"}>
+            <Text>Hi</Text>
+        </Flex>
+    );
+};
+
+export default TestModal;

src/modals/modals.ts

@@ -0,0 +1,5 @@
+import TestModal from "@/modals/TestModal/TestModal";
+
+export const modals = {
+    testModal: TestModal,
+};