Add timed message modal component

src/components/modal/Modal.tsx

@@ -8,6 +8,7 @@ export default function Modal(props: ModalProps){
 		display,
 		backgroundType = "blur",
 		backgroundClassName,
+		top = false,
 		close,
 		className,
 		children
@@ -34,7 +35,11 @@ export default function Modal(props: ModalProps){
 					<div
 						{...divProps}
 						className={clsx(
-							"fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 max-w-(--breakpoint-sm) z-50",
+							"fixed left-1/2 -translate-x-1/2 max-w-(--breakpoint-sm) z-50",
+							{
+								"top-1/2 -translate-y-1/2": !top,
+								"top-0": top
+							},
 							"flex flex-col rounded-lg max-h-full shadow-lg shadow-[#00000066]",
 							className
 						)}