feat: enhance member management features; add quick stats and search capabilities

apps/web/app/[locale]/home/[account]/members-cms/new/page.tsx

@@ -1,11 +1,8 @@
-import { getTranslations } from 'next-intl/server';
-
 import { createMemberManagementApi } from '@kit/member-management/api';
-import { CreateMemberForm } from '@kit/member-management/components';
+import { MemberCreateWizard } from '@kit/member-management/components';
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
 
 import { AccountNotFound } from '~/components/account-not-found';
-import { CmsPageShell } from '~/components/cms-page-shell';
 
 interface Props {
   params: Promise<{ account: string }>;
@@ -13,7 +10,6 @@ interface Props {
 
 export default async function NewMemberPage({ params }: Props) {
   const { account } = await params;
-  const t = await getTranslations('members');
   const client = getSupabaseServerClient();
   const { data: acct } = await client
     .from('accounts')
@@ -26,22 +22,16 @@ export default async function NewMemberPage({ params }: Props) {
   const duesCategories = await api.listDuesCategories(acct.id);
 
   return (
-    <CmsPageShell
+    <MemberCreateWizard
+      accountId={acct.id}
       account={account}
-      title={t('form.newMemberTitle')}
-      description={t('form.newMemberDescription')}
-    >
-      <CreateMemberForm
-        accountId={acct.id}
-        account={account}
-        duesCategories={(duesCategories ?? []).map(
-          (c: Record<string, unknown>) => ({
-            id: String(c.id),
-            name: String(c.name),
-            amount: Number(c.amount ?? 0),
-          }),
-        )}
-      />
-    </CmsPageShell>
+      duesCategories={(duesCategories ?? []).map(
+        (c: Record<string, unknown>) => ({
+          id: String(c.id),
+          name: String(c.name),
+          amount: Number(c.amount ?? 0),
+        }),
+      )}
+    />
   );
 }