Add per-user saved column visibility for tables

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

apps/web/src/views/SmsCampaignReportView.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue';
+import TableColumnsMenu from '@/components/TableColumnsMenu.vue';
 import { useRoute, useRouter } from 'vue-router';
 import axios from 'axios';
 import { api } from '@/lib/api';
@@ -125,7 +126,10 @@ onMounted(() => {
           description="وقتی مخاطب روی لینک داخل پیامک بزند، اینجا دیده می‌شود."
         />
         <div v-else class="table-wrap">
-          <table class="table">
+          <div class="tc-row">
+            <TableColumnsMenu table-key="sms.campaign.clicks" align="end" />
+          </div>
+          <table v-table-cols="'sms.campaign.clicks'" class="table">
             <thead>
               <tr>
                 <th>مخاطب</th>