feat(ui): standardize design system, modals, sidebar, and form inputs

- Implement unified design system tokens, 10px radius, and IRANSans typography
- Modernize sidebar with Gemini-style collapsed expander, square 1:1 items, and elevated profile flyout
- Standardize all modal dialogs with 16px padding, fixed header/footer, 16px medium title, and sticky bottom actions
- Refactor DealFormView and CustomFieldsSection with standard UiField, UiInput, and UiSelect components
- Add draggable bottom-left QuickCreate floating action button

apps/web/src/components/ui/UiTextarea.vue

@@ -0,0 +1,81 @@
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    error?: boolean | string;
+    rows?: number;
+    maxlength?: number;
+    id?: string;
+  }>(),
+  {
+    rows: 3,
+    disabled: false,
+    readonly: false,
+    required: false,
+  },
+);
+
+const model = defineModel<string>({ default: '' });
+</script>
+
+<template>
+  <textarea
+    :id="id"
+    v-model="model"
+    class="ui-textarea"
+    :class="{ disabled, hasError: !!error }"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    :readonly="readonly"
+    :required="required"
+    :rows="rows"
+    :maxlength="maxlength"
+    :aria-invalid="!!error"
+  />
+</template>
+
+<style scoped>
+.ui-textarea {
+  width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+  padding: var(--sp-3);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: var(--surface);
+  color: var(--ink);
+  font: inherit;
+  font-size: var(--fs-base);
+  line-height: var(--lh-normal);
+  resize: vertical;
+  min-height: 80px;
+  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
+}
+
+.ui-textarea::placeholder {
+  color: var(--muted-light);
+}
+
+.ui-textarea:focus {
+  outline: 2px solid var(--accent-soft);
+  border-color: var(--accent);
+}
+
+.ui-textarea.hasError {
+  border-color: var(--danger);
+}
+
+.ui-textarea.hasError:focus {
+  outline: 2px solid var(--danger-soft);
+  border-color: var(--danger);
+}
+
+.ui-textarea.disabled {
+  background: var(--surface-subtle);
+  opacity: 0.65;
+  cursor: not-allowed;
+}
+</style>