refactor: replace custom authentication middleware with NextAuth, remove unused authentication pages, and update matcher configuration

app/(auth)/auth/signup/page.tsx

@@ -0,0 +1,33 @@
+import SignUpForm from "@/components/auth/signup-form";
+import Image from "next/image";
+import { redirect } from "next/navigation";
+
+export default async function SignupPage({
+	searchParams,
+}: {
+	searchParams: Promise<{ phone_number: string }>;
+}) {
+
+	const atolls = await getAtollsWithIslands();
+	console.log(atolls.data);
+	const phone_number = (await searchParams).phone_number;
+	if (!phone_number) {
+		return redirect("/login");
+	}
+
+
+	return (
+		<div className="dark:bg-black w-full h-screen flex items-center justify-center font-sans">
+			<div className="flex flex-col items-center justify-center w-full h-full ">
+				<Image priority alt="Sar Link Logo" src="/logo.png" width={100} height={100} style={{ width: "auto", height: "auto" }} />
+				<div className="mt-4 flex flex-col items-center justify-center">
+					<h4 className="font-bold text-xl text-gray-600">SAR Link Portal</h4>
+					<p className="text-gray-500">
+						Pay for your devices and track your bills.
+					</p>
+				</div>
+				<SignUpForm atolls={atolls.data} />
+			</div>
+		</div>
+	);
+}