fix(auth): enable dev email login testing

src/app/subscription/page.tsx

@@ -1,21 +1,12 @@
-import { SubscriptionScreen } from "@/app/subscription/subscription-screen";
+import { Suspense } from "react";
 
-import type { SubscriptionType } from "./subscription-screen";
+import { SubscriptionPageClient } from "./subscription-page-client";
+import { SubscriptionScreen } from "./subscription-screen";
 
-interface SubscriptionPageProps {
-  searchParams: Promise<{
-    type?: string | string[];
-  }>;
-}
-
-function toSubscriptionType(value: string | string[] | undefined): SubscriptionType {
-  const type = Array.isArray(value) ? value[0] : value;
-  return type === "voice" ? "voice" : "vip";
-}
-
-export default async function SubscriptionPage({
-  searchParams,
-}: SubscriptionPageProps) {
-  const params = await searchParams;
-  return <SubscriptionScreen subscriptionType={toSubscriptionType(params.type)} />;
+export default function SubscriptionPage() {
+  return (
+    <Suspense fallback={<SubscriptionScreen subscriptionType="vip" />}>
+      <SubscriptionPageClient />
+    </Suspense>
+  );
 }

src/app/subscription/subscription-page-client.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import { useSearchParams } from "next/navigation";
+
+import {
+  SubscriptionScreen,
+  type SubscriptionType,
+} from "./subscription-screen";
+
+function toSubscriptionType(value: string | null): SubscriptionType {
+  return value === "voice" ? "voice" : "vip";
+}
+
+export function SubscriptionPageClient() {
+  const searchParams = useSearchParams();
+  const subscriptionType = toSubscriptionType(searchParams.get("type"));
+
+  return <SubscriptionScreen subscriptionType={subscriptionType} />;
+}