feat: migrate CRM screens to Ant Design Vue and expand home dashboard

Preserve the local Ant UI work across views/components and add the new home dashboard chart panels before merging latest main.

apps/web/src/theme/antdTheme.ts

@@ -7,8 +7,9 @@ import type { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
  * controlHeight: 36 is the system default (Ant derives SM/LG).
  * Do not set controlHeight* under components — inherit the token.
  */
-/** Tailwind gray-50 / gray-200 — layout fill + control/card borders */
+/** Tailwind gray-50 / gray-100 / gray-200 — layout fill, segmented track, borders */
 const GRAY_50 = '#f9fafb';
+const GRAY_100 = '#f3f4f6';
 const GRAY_200 = '#e5e7eb';
 
 export const antdTheme = {
@@ -64,6 +65,14 @@ export const antdTheme = {
       contentBg: GRAY_50,
       colorBorder: GRAY_200,
     },
+    /**
+     * Segmented track uses colorBgLayout. Page chrome is gray-50, so the
+     * default track disappears. Keep the track on gray-100 for every Segmented.
+     */
+    Segmented: {
+      colorBgLayout: GRAY_100,
+      trackBg: GRAY_100,
+    },
     Input: {
       colorBorder: GRAY_200,
     },