Fix inconsistent sorting in FriendList across pagination (#1567)

* Add compareWithFriendNumber

* Use sort-change event to fix inconsistent sorting order in FriendList items

* Remove selfSelector

* Make `sortAlphabetically` consider cases where one of the values is missing

src/components/DataTable.vue

@@ -6,7 +6,8 @@
             v-bind="mergedTableProps"
             :stripe="false"
             :default-sort="resolvedDefaultSort"
-            @row-click="handleRowClick">
+            @row-click="handleRowClick"
+            @sort-change="handleSortChange">
             <slot></slot>
         </el-table>
 
@@ -63,7 +64,7 @@
         }
     });
 
-    const emit = defineEmits(['row-click']);
+    const emit = defineEmits(['row-click', 'sort-change']);
 
     const appearanceSettingsStore = useAppearanceSettingsStore();
     const vrcxStore = useVrcxStore();
@@ -169,6 +170,10 @@
         emit('row-click', row, column, event);
     };
 
+    const handleSortChange = (data) => {
+        emit('sort-change', data);
+    };
+
     const handleSizeChange = (size) => {
         if (props.pageSizeLinked) {
             appearanceSettingsStore.setTablePageSize(size);