feat(web): migrate CRM screens to Ant Design Vue with central theme

Adopt ant-design-vue and a shared antdTheme for leads, pipeline, invoices, and shared form controls under strict single-page governance.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/components/MoneyInput.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { nextTick, ref, watch } from 'vue';
+import { Input as AInput } from 'ant-design-vue';
 import {
   caretIndexForDigitCount,
   countDigitChars,
@@ -34,7 +35,14 @@ const props = withDefaults(
 
 const text = ref('');
 const focused = ref(false);
-const inputRef = ref<HTMLInputElement | null>(null);
+const inputRef = ref<{ input?: HTMLInputElement } | HTMLInputElement | null>(null);
+
+function nativeInput(): HTMLInputElement | null {
+  const el = inputRef.value;
+  if (!el) return null;
+  if (el instanceof HTMLInputElement) return el;
+  return el.input ?? null;
+}
 
 function readModelNumber(): number | null {
   if (model.value === '' || model.value == null) return null;
@@ -83,7 +91,6 @@ async function onInput(event: Event) {
   const n = parseMoneyNumber(raw, props.decimals);
 
   if (n == null) {
-    // اجازهٔ تایپ ناقص مثل "-" یا خالی
     const cleaned = raw.replace(/[^\d۰-۹٠-٩.\u066B٬,،\s-]/g, '');
     text.value = cleaned;
     writeModel(null);
@@ -99,7 +106,7 @@ async function onInput(event: Event) {
   writeModel(n);
 
   await nextTick();
-  const input = inputRef.value;
+  const input = nativeInput();
   if (!input) return;
   const nextCaret = caretIndexForDigitCount(display, digitsBefore);
   input.setSelectionRange(nextCaret, nextCaret);
@@ -111,27 +118,20 @@ function normalizeSep(raw: string): string {
 </script>
 
 <template>
-  <input
+  <a-input
     :id="id"
     ref="inputRef"
-    class="money-input"
     type="text"
     inputmode="decimal"
     autocomplete="off"
     :dir="dir"
     :placeholder="placeholder"
-    :required="required"
     :disabled="disabled"
     :readonly="readonly"
     :value="text"
+    style="width: 100%; font-variant-numeric: tabular-nums"
     @focus="onFocus"
     @blur="onBlur"
     @input="onInput"
   />
 </template>
-
-<style scoped>
-.money-input {
-  font-variant-numeric: tabular-nums;
-}
-</style>