Add per-user saved column visibility for tables

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

apps/web/src/views/ContactsView.vue

@@ -20,6 +20,7 @@ import UiIcon from '@/components/UiIcon.vue';
 import PersonFormView from '@/views/PersonFormView.vue';
 import CompanyFormView from '@/views/CompanyFormView.vue';
 import SavedFiltersBar from '@/components/SavedFiltersBar.vue';
+import TableColumnsMenu from '@/components/TableColumnsMenu.vue';
 import type {
   CompanyDto,
   ImportContactsResult,
@@ -455,6 +456,7 @@ onMounted(load);
             </li>
           </ul>
         </div>
+        <TableColumnsMenu :table-key="tab === 'people' ? 'contacts.people' : 'contacts.companies'" />
       </div>
     </div>
 
@@ -546,7 +548,7 @@ onMounted(load);
       </div>
 
       <div v-if="people?.items.length" class="table-wrap">
-        <table class="data-table">
+        <table v-table-cols="'contacts.people'" class="data-table">
           <thead>
             <tr>
               <th>وضعیت</th>
@@ -655,7 +657,7 @@ onMounted(load);
         </article>
       </div>
       <div v-if="companies?.items.length" class="table-wrap">
-        <table class="data-table">
+        <table v-table-cols="'contacts.companies'" class="data-table">
           <thead>
             <tr>
               <th>نام شرکت</th>