Add per-user saved column visibility for tables

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

apps/web/src/views/TahesabSettingsView.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref } from 'vue';
+import TableColumnsMenu from '@/components/TableColumnsMenu.vue';
 import { RouterLink } from 'vue-router';
 import axios from 'axios';
 import { api } from '@/lib/api';
@@ -813,8 +814,11 @@ onMounted(load);
 
         <div v-if="syncResults.length" class="sync-results-box">
           <h4 class="sync-results-title">نتایج جستجو ({{ syncResults.length }})</h4>
+          <div class="tc-row">
+            <TableColumnsMenu table-key="tahesab.customers" align="end" />
+          </div>
           <div class="crm-table-container">
-            <table class="crm-table">
+            <table v-table-cols="'tahesab.customers'" class="crm-table">
               <thead>
                 <tr>
                   <th>کد مشتری</th>
@@ -924,8 +928,11 @@ onMounted(load);
           <h4 class="sync-results-title">
             نتایج ({{ productSyncResults.length }}) — دسته: {{ productCategoryLabel }}
           </h4>
+          <div class="tc-row">
+            <TableColumnsMenu table-key="tahesab.products" align="end" />
+          </div>
           <div class="crm-table-container">
-            <table class="crm-table">
+            <table v-table-cols="'tahesab.products'" class="crm-table">
               <thead>
                 <tr>
                   <th>نام</th>