Add per-user saved column visibility for tables

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

apps/web/src/views/SalesForecastView.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from 'vue';
+import TableColumnsMenu from '@/components/TableColumnsMenu.vue';
 import { RouterLink } from 'vue-router';
 import axios from 'axios';
 import { api } from '@/lib/api';
@@ -608,8 +609,11 @@ onMounted(() => {
 
           <template v-else>
             <!-- Desktop table -->
+            <div class="tc-row desk-only">
+              <TableColumnsMenu table-key="sales-forecast" align="end" />
+            </div>
             <div class="table-wrap desk-only">
-              <table>
+              <table v-table-cols="'sales-forecast'">
                 <thead>
                   <tr>
                     <th>#</th>