feat(web): add Agent Profile, KYC, Subscription & Payment dashboard pages

Implement four new dashboard pages with full UI:
- /dashboard/profile: view/edit profile, agent details, KYC status
- /dashboard/kyc: multi-step KYC document submission flow
- /dashboard/subscription: plan comparison, quota usage, billing history
- /dashboard/payments: transaction history with filters and pagination

Also adds API client modules (profile-api, subscription-api, payment-api)
and updates dashboard navigation with new page links.

Co-Authored-By: Paperclip <noreply@paperclip.ing>

apps/web/app/(dashboard)/layout.tsx

@@ -11,6 +11,9 @@ const navItems = [
   { href: '/listings', label: 'Tin đăng', icon: '📋' },
   { href: '/listings/new', label: 'Đăng tin', icon: '➕' },
   { href: '/analytics', label: 'Phân tích', icon: '📊' },
+  { href: '/dashboard/profile', label: 'Hồ sơ', icon: '👤' },
+  { href: '/dashboard/subscription', label: 'Gói dịch vụ', icon: '💎' },
+  { href: '/dashboard/payments', label: 'Thanh toán', icon: '💳' },
 ];
 
 export default function DashboardLayout({ children }: { children: React.ReactNode }) {
@@ -33,7 +36,7 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
                 aria-label={item.label}
                 className={cn(
                   'rounded-md px-2 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground sm:px-3',
-                  pathname === item.href
+                  pathname === item.href || (item.href !== '/dashboard' && pathname.startsWith(item.href))
                     ? 'bg-accent text-accent-foreground'
                     : 'text-muted-foreground',
                 )}