Started working with PayPal

src/dashboards/Student.tsx

@@ -9,6 +9,7 @@ import useExamStore from "@/stores/examStore";
 import {getExamById} from "@/utils/exams";
 import {MODULE_ARRAY, sortByModule, sortByModuleName} from "@/utils/moduleUtils";
 import {averageScore, groupBySession} from "@/utils/stats";
+import {PayPalButtons} from "@paypal/react-paypal-js";
 import clsx from "clsx";
 import {capitalize} from "lodash";
 import moment from "moment";
@@ -83,6 +84,11 @@ export default function StudentDashboard({user}: Props) {
 				</span>
 			</section>
 
+			<section className="flex flex-col gap-1 md:gap-3">
+				<span className="font-bold text-lg">Payment</span>
+				<PayPalButtons style={{layout: "vertical"}} fundingSource={undefined}></PayPalButtons>
+			</section>
+
 			<section className="flex flex-col gap-1 md:gap-3">
 				<div className="flex gap-4 items-center">
 					<div