feat: renamed old frontend and fixed some minor bugs

frontend/src/components/v2/Modal/Modal.stories.tsx

@@ -1,33 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { Meta, StoryObj } from "@storybook/react";
-
-import { Button } from "../Button";
-import { Modal, ModalContent, ModalContentProps, ModalTrigger } from "./Modal";
-
-const meta: Meta<typeof Modal> = {
-  title: "Components/Modal",
-  component: Modal,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof ModalContent>;
-
-const Template = (args: ModalContentProps) => (
-  <Modal>
-    <ModalTrigger asChild>
-      <Button>Open</Button>
-    </ModalTrigger>
-    <ModalContent {...args}>Hello world</ModalContent>
-  </Modal>
-);
-
-export const Basic: Story = {
-  render: (args) => <Template {...args} />,
-  args: {
-    title: "Title",
-    subTitle: "Something as subtitle",
-    footerContent: "footer content"
-  }
-};

frontend/src/components/v2/Modal/Modal.tsx

@@ -40,7 +40,7 @@ export const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(
         <Card
           isRounded
           className={twMerge(
-            "thin-scrollbar fixed top-1/2 left-1/2 z-30 max-w-xl -translate-y-2/4 -translate-x-2/4 animate-popIn border border-mineshaft-600 drop-shadow-2xl dark:[color-scheme:dark]",
+            "thin-scrollbar fixed left-1/2 top-1/2 z-30 max-w-xl -translate-x-2/4 -translate-y-2/4 animate-popIn border border-mineshaft-600 drop-shadow-2xl dark:[color-scheme:dark]",
             className
           )}
           style={{ maxHeight: "90%" }}
@@ -57,7 +57,7 @@ export const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(
             <IconButton
               variant="plain"
               ariaLabel="close"
-              className="absolute top-4 right-6 rounded text-bunker-400 hover:text-bunker-50"
+              className="absolute right-6 top-4 rounded text-bunker-400 hover:text-bunker-50"
             >
               <FontAwesomeIcon icon={faTimes} size="lg" className="cursor-pointer" />
             </IconButton>
@@ -72,7 +72,7 @@ ModalContent.displayName = "ModalContent";
 
 export type ModalProps = Omit<DialogPrimitive.DialogProps, "open"> & { isOpen?: boolean };
 export const Modal = ({ isOpen, ...props }: ModalProps) => (
-  <DialogPrimitive.Root open={isOpen} {...props} modal/>
+  <DialogPrimitive.Root open={isOpen} {...props} />
 );
 
 export const ModalTrigger = DialogPrimitive.Trigger;