add admin checks for admin pages and run biome formating 🔨

app/(dashboard)/payments/[paymentId]/page.tsx

@@ -31,19 +31,21 @@ export default async function PaymentPage({
 			<div className="flex justify-between items-center border rounded-md border-dashed font-bold title-bg py-4 px-4 mb-4 mx-2">
 				<h3 className="text-sarLinkOrange text-2xl">Payment</h3>
 				<div className="flex flex-col gap-4 items-end w-full">
-					{!payment.is_expired && payment.paid && payment.status !== "PENDING" && (
-						<Button
-							disabled
-							className={cn(
-								"rounded-md opacity-100! uppercase font-semibold",
-								payment?.paid
-									? "text-green-900 bg-green-500/20"
-									: "text-inherit bg-yellow-400",
-							)}
-						>
-							{payment.status}
-						</Button>
-					)}
+					{!payment.is_expired &&
+						payment.paid &&
+						payment.status !== "PENDING" && (
+							<Button
+								disabled
+								className={cn(
+									"rounded-md opacity-100! uppercase font-semibold",
+									payment?.paid
+										? "text-green-900 bg-green-500/20"
+										: "text-inherit bg-yellow-400",
+								)}
+							>
+								{payment.status}
+							</Button>
+						)}
 					{payment.status === "PENDING" && !payment.is_expired && (
 						<Button>
 							<TextShimmer>Payment Pending</TextShimmer>{" "}