src/app/providers.tsx

'use client';

import { App, ConfigProvider } from 'antd';
import zhCN from 'antd/locale/zh_CN';
import { StyleProvider } from '@ant-design/cssinjs';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import { ApiProvider } from '@/trpc/client';
import { NuqsAdapter } from 'nuqs/adapters/next/app';
import { TeamWorkspace } from '@/features/teams/team-workspace';

dayjs.locale('zh-cn');

export function Providers({ children }: { children: React.ReactNode }) {
  return (
    <StyleProvider layer>
      <ConfigProvider
        locale={zhCN}
        theme={{ token: { colorPrimary: '#2563eb', borderRadius: 8 } }}
      >
        <App>
          <NuqsAdapter>
            <ApiProvider>
              <TeamWorkspace>{children}</TeamWorkspace>
            </ApiProvider>
          </NuqsAdapter>
        </App>
      </ConfigProvider>
    </StyleProvider>
  );
}