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

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

@@ -1,11 +1,8 @@
-import { getTranslations } from 'next-intl/server';
-
 import { createMemberManagementApi } from '@kit/member-management/api';
-import { MembersDataTable } from '@kit/member-management/components';
+import { MembersListView } 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';
 
 const PAGE_SIZE = 25;
 
@@ -18,7 +15,7 @@ export default async function MembersPage({ params, searchParams }: Props) {
   const { account } = await params;
   const search = await searchParams;
   const client = getSupabaseServerClient();
-  const t = await getTranslations('members');
+
   const { data: acct } = await client
     .from('accounts')
     .select('id')
@@ -28,34 +25,50 @@ export default async function MembersPage({ params, searchParams }: Props) {
 
   const api = createMemberManagementApi(client);
   const page = Number(search.page) || 1;
-  const result = await api.listMembers(acct.id, {
+
+  // Parse multi-status filter
+  const statusParam = search.status;
+  const statusFilter = statusParam
+    ? Array.isArray(statusParam)
+      ? statusParam
+      : statusParam.split(',')
+    : undefined;
+
+  const result = await api.searchMembers({
+    accountId: acct.id,
     search: search.q as string,
-    status: search.status as string,
+    status: statusFilter as any,
+    duesCategoryId: search.duesCategoryId as string,
+    sortBy: (search.sortBy as string) ?? 'last_name',
+    sortDirection: (search.sortDirection as 'asc' | 'desc') ?? 'asc',
     page,
     pageSize: PAGE_SIZE,
   });
-  const duesCategories = await api.listDuesCategories(acct.id);
+
+  const [duesCategories, departments] = await Promise.all([
+    api.listDuesCategories(acct.id),
+    api.listDepartmentsWithCounts(acct.id),
+  ]);
 
   return (
-    <CmsPageShell
+    <MembersListView
+      data={result.data}
+      total={result.total}
+      page={page}
+      pageSize={PAGE_SIZE}
       account={account}
-      title={t('nav.members')}
-      description={`${result.total} ${t('nav.members')}`}
-    >
-      <MembersDataTable
-        data={result.data}
-        total={result.total}
-        page={page}
-        pageSize={PAGE_SIZE}
-        account={account}
-        accountId={acct.id}
-        duesCategories={(duesCategories ?? []).map(
-          (c: Record<string, unknown>) => ({
-            id: String(c.id),
-            name: String(c.name),
-          }),
-        )}
-      />
-    </CmsPageShell>
+      accountId={acct.id}
+      duesCategories={(duesCategories ?? []).map(
+        (c: Record<string, unknown>) => ({
+          id: String(c.id),
+          name: String(c.name),
+        }),
+      )}
+      departments={(departments ?? []).map((d) => ({
+        id: String(d.id),
+        name: String(d.name),
+        memberCount: d.memberCount,
+      }))}
+    />
   );
 }