✨ feat: Refactor user detail and subscription management components

apps/admin/app/dashboard/log/balance/page.tsx

@@ -5,12 +5,20 @@ import { ProTable } from '@/components/pro-table';
 import { filterBalanceLog } from '@/services/admin/log';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function BalanceLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    user_id: sp.get('user_id') ? Number(sp.get('user_id')) : undefined,
+  };
   return (
     <ProTable<API.BalanceLog, { search?: string }>
       header={{ title: t('title.balance') }}
+      initialFilters={initialFilters}
       columns={[
         {
           accessorKey: 'user',

apps/admin/app/dashboard/log/commission/page.tsx

@@ -5,12 +5,20 @@ import { ProTable } from '@/components/pro-table';
 import { filterCommissionLog } from '@/services/admin/log';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function CommissionLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    user_id: sp.get('user_id') ? Number(sp.get('user_id')) : undefined,
+  };
   return (
     <ProTable<API.CommissionLog, { search?: string }>
       header={{ title: t('title.commission') }}
+      initialFilters={initialFilters}
       columns={[
         {
           accessorKey: 'user',

apps/admin/app/dashboard/log/email/page.tsx

@@ -5,12 +5,19 @@ import { filterEmailLog } from '@/services/admin/log';
 import { Badge } from '@workspace/ui/components/badge';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function EmailLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+  };
   return (
     <ProTable<API.MessageLog, { search?: string }>
       header={{ title: t('title.email') }}
+      initialFilters={initialFilters}
       columns={[
         {
           accessorKey: 'id',

apps/admin/app/dashboard/log/gift/page.tsx

@@ -5,12 +5,20 @@ import { ProTable } from '@/components/pro-table';
 import { filterGiftLog } from '@/services/admin/log';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function GiftLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    user_id: sp.get('user_id') ? Number(sp.get('user_id')) : undefined,
+  };
   return (
     <ProTable<API.GiftLog, { search?: string }>
       header={{ title: t('title.gift') }}
+      initialFilters={initialFilters}
       columns={[
         {
           accessorKey: 'user',

apps/admin/app/dashboard/log/login/page.tsx

@@ -7,12 +7,20 @@ import { filterLoginLog } from '@/services/admin/log';
 import { Badge } from '@workspace/ui/components/badge';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function LoginLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    user_id: sp.get('user_id') ? Number(sp.get('user_id')) : undefined,
+  };
   return (
     <ProTable<API.LoginLog, { search?: string }>
       header={{ title: t('title.login') }}
+      initialFilters={initialFilters}
       columns={[
         {
           accessorKey: 'user',

apps/admin/app/dashboard/log/mobile/page.tsx

@@ -5,11 +5,18 @@ import { filterMobileLog } from '@/services/admin/log';
 import { Badge } from '@workspace/ui/components/badge';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 export default function MobileLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+  };
   return (
     <ProTable<API.MessageLog, { search?: string }>
       header={{ title: t('title.mobile') }}
+      initialFilters={initialFilters}
       columns={[
         {
           accessorKey: 'id',

apps/admin/app/dashboard/log/register/page.tsx

@@ -6,12 +6,20 @@ import { ProTable } from '@/components/pro-table';
 import { filterRegisterLog } from '@/services/admin/log';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function RegisterLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    user_id: sp.get('user_id') ? Number(sp.get('user_id')) : undefined,
+  };
   return (
     <ProTable<API.RegisterLog, { search?: string }>
       header={{ title: t('title.register') }}
+      initialFilters={initialFilters}
       columns={[
         {
           accessorKey: 'user',

apps/admin/app/dashboard/log/reset-subscribe/page.tsx

@@ -5,12 +5,22 @@ import { ProTable } from '@/components/pro-table';
 import { filterResetSubscribeLog } from '@/services/admin/log';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function ResetSubscribeLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    user_subscribe_id: sp.get('user_subscribe_id')
+      ? Number(sp.get('user_subscribe_id'))
+      : undefined,
+  };
   return (
     <ProTable<API.ResetSubscribeLog, { search?: string }>
       header={{ title: t('title.resetSubscribe') }}
+      initialFilters={initialFilters}
       columns={[
         {
           accessorKey: 'user',

apps/admin/app/dashboard/log/server-traffic/page.tsx

@@ -4,12 +4,20 @@ import { ProTable } from '@/components/pro-table';
 import { filterServerTrafficLog } from '@/services/admin/log';
 import { formatBytes } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function ServerTrafficLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    server_id: sp.get('server_id') ? Number(sp.get('server_id')) : undefined,
+  };
   return (
     <ProTable<API.ServerTrafficLog, { search?: string }>
       header={{ title: t('title.serverTraffic') }}
+      initialFilters={initialFilters}
       columns={[
         { accessorKey: 'server_id', header: t('column.serverId') },
         {

apps/admin/app/dashboard/log/subscribe-traffic/page.tsx

@@ -5,12 +5,23 @@ import { ProTable } from '@/components/pro-table';
 import { filterUserSubscribeTrafficLog } from '@/services/admin/log';
 import { formatBytes } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function SubscribeTrafficLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    user_id: sp.get('user_id') ? Number(sp.get('user_id')) : undefined,
+    user_subscribe_id: sp.get('user_subscribe_id')
+      ? Number(sp.get('user_subscribe_id'))
+      : undefined,
+  };
   return (
     <ProTable<API.UserSubscribeTrafficLog, { search?: string }>
       header={{ title: t('title.subscribeTraffic') }}
+      initialFilters={initialFilters}
       columns={[
         {
           accessorKey: 'user',

apps/admin/app/dashboard/log/subscribe/page.tsx

@@ -6,12 +6,20 @@ import { ProTable } from '@/components/pro-table';
 import { filterSubscribeLog } from '@/services/admin/log';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function SubscribeLogPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    user_id: sp.get('user_id') ? Number(sp.get('user_id')) : undefined,
+  };
   return (
     <ProTable<API.SubscribeLog, { search?: string }>
       header={{ title: t('title.subscribe') }}
+      initialFilters={initialFilters}
       columns={[
         {
           accessorKey: 'user',

apps/admin/app/dashboard/log/traffic-details/page.tsx

@@ -4,12 +4,22 @@ import { ProTable } from '@/components/pro-table';
 import { filterTrafficLogDetails } from '@/services/admin/log';
 import { formatBytes, formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function TrafficDetailsPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    server_id: sp.get('server_id') ? Number(sp.get('server_id')) : undefined,
+    user_id: sp.get('user_id') ? Number(sp.get('user_id')) : undefined,
+    subscribe_id: sp.get('subscribe_id') ? Number(sp.get('subscribe_id')) : undefined,
+  };
   return (
     <ProTable<API.TrafficLogDetails, { search?: string }>
       header={{ title: t('title.trafficDetails') }}
+      initialFilters={initialFilters}
       columns={[
         { accessorKey: 'server_id', header: t('column.serverId') },
         { accessorKey: 'user_id', header: t('column.userId') },