Add per-user saved column visibility for tables

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

apps/web/src/views/CommissionsView.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue';
+import TableColumnsMenu from '@/components/TableColumnsMenu.vue';
 import { RouterLink } from 'vue-router';
 import { api } from '@/lib/api';
 import { formatMoney } from '@/lib/money';
@@ -163,7 +164,10 @@ onMounted(load);
     />
 
     <div v-else class="crm-table-container">
-      <table class="crm-table">
+      <div class="tc-row">
+        <TableColumnsMenu table-key="commissions" align="end" />
+      </div>
+      <table v-table-cols="'commissions'" class="crm-table">
         <thead>
           <tr>
             <th>کارشناس فروش</th>