Added RAAS api and tracking

Improvements on paypal UI

src/pages/(status)/PaymentDue.tsx

@@ -14,6 +14,7 @@ import {BsArrowRepeat} from "react-icons/bs";
 import InviteCard from "@/components/Medium/InviteCard";
 import {useRouter} from "next/router";
 import {PayPalScriptProvider} from "@paypal/react-paypal-js";
+import { usePaypalTracking } from "@/hooks/usePaypalTracking";
 
 interface Props {
 	user: User;
@@ -31,7 +32,8 @@ export default function PaymentDue({user, hasExpired = false, clientID, reload}:
 	const {users} = useUsers();
 	const {groups} = useGroups();
 	const {invites, isLoading: isInvitesLoading, reload: reloadInvites} = useInvites({to: user?.id});
-
+	const trackingId = usePaypalTracking();
+	
 	const isIndividual = () => {
 		if (user?.type === "developer") return true;
 		if (user?.type !== "student") return false;
@@ -121,6 +123,7 @@ export default function PaymentDue({user, hasExpired = false, clientID, reload}:
 														onSuccess={() => {
 															setTimeout(reload, 500);
 														}}
+														trackingId={trackingId}
 													/>
 												</div>
 												<div className="flex flex-col items-start gap-1">
@@ -165,6 +168,7 @@ export default function PaymentDue({user, hasExpired = false, clientID, reload}:
 												setTimeout(reload, 500);
 											}}
 											loadScript
+											trackingId={trackingId}
 										/>
 									</div>
 									<div className="flex flex-col items-start gap-1">