Fix: prevent sign waiver from showing when user is confirmed and properly update vertical timeline

apps/site/src/app/(main)/portal/@applicant/ApplicantPortal.tsx

@@ -28,14 +28,14 @@ async function Portal() {
 	const submittedWaiver =
 		status === PortalStatus.waived || status === PortalStatus.confirmed;
 
-	const isAccepted = status === PortalStatus.accepted || submittedWaiver;
+	const isAccepted = status === PortalStatus.accepted;
 
 	return (
 		<div className="bg-white text-black max-w-4xl rounded-2xl p-6 flex flex-col mb-24 w-full">
 			<h2 className="text-4xl font-semibold">Status</h2>
 			<VerticalTimeline status={status as PortalStatus} />
 			<Message status={status as PortalStatus} />
-			{isAccepted && <SignWaiver status={status as PortalStatus} />}
+			{isAccepted && !submittedWaiver && <SignWaiver />}
 			{submittedWaiver && <ConfirmAttendance status={status} />}
 		</div>
 	);

apps/site/src/app/(main)/portal/@applicant/SignWaiver.tsx

@@ -1,13 +1,7 @@
 import Button from "@/lib/components/Button/Button";
 
-import { PortalStatus } from "./ApplicantPortal";
-
-interface SignWaiverProps {
-	status: PortalStatus;
-}
-
-function SignWaiver({ status }: SignWaiverProps) {
-	return status === PortalStatus.waived ? null : (
+function SignWaiver() {
+	return (
 		<div>
 			<hr />
 			<h3 className="text-3xl my-4">Waiver</h3>

apps/site/src/app/(main)/portal/@applicant/VerticalTimeline.tsx

@@ -77,7 +77,7 @@ function VerticalTimeline({ status }: VerticalTimelineProps) {
 		) : null;
 
 	const rsvp_component =
-		status === PortalStatus.accepted || PortalStatus.waived ? (
+		status === PortalStatus.accepted || status === PortalStatus.waived ? (
 			<li className="flex flex-row items-center border-t">
 				<Image
 					src={BorderCircle}