refactor usevuetable data

src/views/Notifications/Notification.vue

@@ -231,7 +231,9 @@
 
     const { table, pagination } = useVrcxVueTable({
         persistKey: 'notifications',
-        data: notificationDisplayData,
+        get data() {
+            return notificationDisplayData.value;
+        },
         columns,
         getRowId: (row) => row.id ?? `${row.type}:${row.senderUserId ?? ''}:${row.created_at ?? ''}`,
         initialSorting: [{ id: 'created_at', desc: true }],

src/views/Notifications/dialogs/SendInviteRequestResponseDialog.vue

@@ -93,7 +93,9 @@
 
     const { table: inviteRequestResponseTable } = useVrcxVueTable({
         persistKey: 'invite-request-response-message',
-        data: inviteRequestResponseRows,
+        get data() {
+            return inviteRequestResponseRows.value;
+        },
         columns: inviteRequestResponseColumns,
         getRowId: (row) => String(row?.slot ?? ''),
         enablePagination: false,

src/views/Notifications/dialogs/SendInviteResponseDialog.vue

@@ -92,7 +92,9 @@
 
     const { table: inviteResponseTable } = useVrcxVueTable({
         persistKey: 'invite-response-message',
-        data: inviteResponseRows,
+        get data() {
+            return inviteResponseRows.value;
+        },
         columns: inviteResponseColumns,
         getRowId: (row) => String(row?.slot ?? ''),
         enablePagination: false,