Finished up the modal to create a payment and added the page to the sidebar

src/components/MobileMenu.tsx

@@ -103,6 +103,17 @@ export default function MobileMenu({isOpen, onClose, path, user}: Props) {
 										)}>
 										Record
 									</Link>
+									{["admin", "developer", "agent"].includes(user.type) && (
+										<Link
+											href="/payment-record"
+											className={clsx(
+												"transition ease-in-out duration-300 w-fit",
+												path === "/payment-record" &&
+													"text-mti-purple-light font-semibold border-b-2 border-b-mti-purple-light ",
+											)}>
+											Payment Record
+										</Link>
+									)}
 									{["admin", "developer", "corporate", "teacher"].includes(user.type) && (
 										<Link
 											href="/settings"