Add per-user saved column visibility for tables

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

apps/web/src/views/MessageAutomationsView.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
+import TableColumnsMenu from '@/components/TableColumnsMenu.vue';
 import axios from 'axios';
 import { api } from '@/lib/api';
 import UiIcon from '@/components/UiIcon.vue';
@@ -1069,7 +1070,10 @@ onUnmounted(() => {
     </div>
 
     <div v-show="!isMobile" class="list-wrap">
-      <table v-if="items.length" class="desk-table">
+      <div v-if="items.length" class="tc-row">
+        <TableColumnsMenu table-key="message-automations" align="end" />
+      </div>
+      <table v-if="items.length" v-table-cols="'message-automations'" class="desk-table">
         <thead>
           <tr>
             <th>عنوان</th>