Add per-user saved column visibility for tables

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

apps/web/src/views/TicketsView.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from 'vue';
+import TableColumnsMenu from '@/components/TableColumnsMenu.vue';
 import { RouterLink, useRoute, useRouter } from 'vue-router';
 import axios from 'axios';
 import { api } from '@/lib/api';
@@ -206,8 +207,13 @@ onMounted(load);
         <strong>{{ toFaDigits(items.length) }} تیکت</strong>
       </div>
 
+      <div class="desktop-only">
+        <div class="tc-row">
+          <TableColumnsMenu table-key="tickets" align="end" />
+        </div>
+      </div>
       <div class="table-wrap desktop-only">
-        <table class="data-table">
+        <table v-table-cols="'tickets'" class="data-table">
           <thead>
             <tr>
               <th>موضوع</th>