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/views/ActivityDetailView.vue

@@ -313,13 +313,12 @@ onMounted(load);
 
 <style scoped>
 .page {
-  max-width: 640px;
   width: 100%;
+  max-width: 100%;
   min-width: 0;
-  margin: 0 auto;
+  margin: 0;
   display: grid;
   gap: 0.9rem;
-  padding-bottom: 5.8rem;
 }
 
 .nav {
@@ -331,7 +330,7 @@ onMounted(load);
 }
 
 .brand {
-  font-weight: 800;
+  font-weight: 600;
   color: #0f766e;
   letter-spacing: -0.04em;
 }
@@ -341,7 +340,7 @@ onMounted(load);
   height: 38px;
   border: 0;
   background: #fff;
-  border-radius: 12px;
+  border-radius: var(--radius);
   display: grid;
   place-items: center;
   color: #334155;
@@ -362,7 +361,7 @@ onMounted(load);
   inset-inline-end: 0;
   min-width: 10rem;
   background: #fff;
-  border-radius: 12px;
+  border-radius: var(--radius);
   box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14);
   padding: 0.35rem;
   display: grid;
@@ -377,7 +376,7 @@ onMounted(load);
   border: 0;
   background: none;
   padding: 0.62rem 0.75rem;
-  border-radius: 8px;
+  border-radius: var(--radius);
   font: inherit;
   cursor: pointer;
   color: #0f172a;
@@ -407,7 +406,7 @@ h1 {
 
 .card {
   background: #fff;
-  border-radius: 20px;
+  border-radius: var(--radius);
   box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
   padding: 1rem 1.05rem;
 }