restructure website

src/components/Overlay.tsx

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+
+export default function Overlay({
+  children,
+  onClose,
+}: {
+  children: ReactNode;
+  onClose: () => void;
+}) {
+  return (
+    <div
+      onClick={onClose}
+      className="absolute bg-black/50 min-h-screen w-full z-1 overflow-hidden flex justify-center items-center"
+    >
+      <div className="max-w-fit max-h-fit">{children}</div>
+    </div>
+  );
+}