add searchTableSize limit

src/views/FriendList/FriendList.vue

@@ -208,7 +208,7 @@
     const totalItems = computed(() => {
         const length = table.getFilteredRowModel().rows.length;
         const max = vrcxStore.maxTableSize;
-        return length > max && length < max + 51 ? max : length;
+        return length > max ? max : length;
     });
 
     const handlePageSizeChange = (size) => {

src/views/FriendLog/FriendLog.vue

@@ -189,8 +189,7 @@
 
     const totalItems = computed(() => {
         const length = table.getFilteredRowModel().rows.length;
-        const max = vrcxStore.maxTableSize;
-        return length > max && length < max + 51 ? max : length;
+        return length;
     });
 
     const handlePageSizeChange = (size) => {

src/views/Settings/components/Tabs/AppearanceTab.vue

@@ -190,11 +190,12 @@
             </div>
 
             <div class="options-container-item">
-                <Button size="sm" variant="outline" @click="promptMaxTableSizeDialog">{{
+                <Button size="sm" variant="outline" @click="showTableLimitsDialog">{{
                     t('view.settings.appearance.appearance.table_max_size')
                 }}</Button>
             </div>
         </div>
+        <TableLimitsDialog />
         <div class="options-container">
             <span class="header">{{ t('view.settings.appearance.timedate.header') }}</span>
             <div class="options-container-item">
@@ -474,6 +475,7 @@
     import { useI18n } from 'vue-i18n';
 
     import PresetColorPicker from '@/components/PresetColorPicker.vue';
+    import TableLimitsDialog from '@/components/dialogs/TableLimitsDialog.vue';
 
     import SimpleSwitch from '../SimpleSwitch.vue';
 
@@ -533,7 +535,7 @@
         setHideUnfriends,
         updateTrustColor,
         changeAppLanguage,
-        promptMaxTableSizeDialog,
+        showTableLimitsDialog,
         setNotificationIconDot,
         setTablePageSizes,
         toggleStripedDataTable,