Add per-user saved column visibility for tables

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

apps/web/src/views/LeadsView.vue

@@ -19,6 +19,7 @@ import {
   UiPageHeader,
 } from '@/components/ui';
 import UiIcon from '@/components/UiIcon.vue';
+import TableColumnsMenu from '@/components/TableColumnsMenu.vue';
 import ExcelImportFlow from '@/components/ExcelImportFlow.vue';
 import PhoneContactsImport from '@/components/PhoneContactsImport.vue';
 import {
@@ -1228,6 +1229,7 @@ onBeforeUnmount(() => {
             </li>
           </ul>
         </div>
+        <TableColumnsMenu table-key="leads" align="end" />
         <div class="view-toggle" title="نمای لیست / کاریز">
           <button type="button" class="view-btn on" title="لیست">
             <UiIcon name="list" :size="16" />
@@ -1408,7 +1410,7 @@ onBeforeUnmount(() => {
       </div>
 
       <div class="table-wrap">
-        <table class="data-table">
+        <table v-table-cols="'leads'" class="data-table">
           <thead>
             <tr>
               <th class="check-col">