Add per-user saved column visibility for tables

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

apps/web/src/components/pipeline/PipelineList.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
+import TableColumnsMenu from '@/components/TableColumnsMenu.vue';
 import UiIcon from '@/components/UiIcon.vue';
 import type { PipelineDeal, PipelineStage, PipelineUiCopy } from '@/lib/pipeline-board';
 import {
@@ -36,14 +37,18 @@ function money(deal: PipelineDeal) {
 }
 
 const hideAmount = computed(() => Boolean(props.copy.hideAmount));
+const tableKey = computed(() => (hideAmount.value ? 'pipeline.leads' : 'pipeline.deals'));
 </script>
 
 <template>
   <div class="list" dir="rtl">
     <p v-if="!rows.length" class="empty">{{ copy.empty }}</p>
 
-    <div v-else class="table-wrap">
-      <table class="data-table">
+    <div v-if="rows.length" class="tc-row">
+      <TableColumnsMenu :table-key="tableKey" align="end" />
+    </div>
+    <div v-if="rows.length" class="table-wrap">
+      <table v-table-cols="tableKey" class="data-table">
         <thead>
           <tr>
             <th>{{ copy.listColTitle }}</th>