Add per-user saved column visibility for tables

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

apps/web/src/views/InventoryView.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue';
+import TableColumnsMenu from '@/components/TableColumnsMenu.vue';
 import axios from 'axios';
 import { api } from '@/lib/api';
 import { formatMoney } from '@/lib/money';
@@ -180,10 +181,16 @@ onMounted(load);
             <div class="section-title">
               <UiIcon name="box" :size="18" />
               <h3>موجودی کالا</h3>
+              <TableColumnsMenu
+                v-if="summary.products.length"
+                table-key="inventory.stock"
+                align="end"
+                style="margin-inline-start: auto"
+              />
             </div>
           </template>
           <p v-if="!summary.products.length" class="muted empty-note">محصولی در انبار تعریف نشده است.</p>
-          <table v-else class="crm-table">
+          <table v-else v-table-cols="'inventory.stock'" class="crm-table">
             <thead>
               <tr>
                 <th>نام کالا</th>