fix(CommandPalette): preserve group order in search results

Fixes an issue where command palette groups were rendered in unpredictable
order instead of preserving the order defined in the groups prop.

- Replace Object.entries() with groups.value iteration to maintain original order

Author: Ismaele-silla

src/runtime/components/CommandPalette.vue

@@ -296,24 +296,28 @@ const filteredGroups = computed(() => {
     return acc
   }, {} as Record<string, (T & { matches?: FuseResult<T>['matches'] })[]>)
 
-  const fuseGroups = Object.entries(groupsById).map(([id, items]) => {
-    const group = groups.value?.find(group => group.id === id)
-    if (!group) {
-      return
-    }
-
-    return getGroupWithItems(group, items)
-  }).filter(group => !!group)
-
-  const nonFuseGroups = groups.value
-    ?.map((group, index) => ({ ...group, index }))
-    ?.filter(group => group.ignoreFilter && group.items?.length)
-    ?.map(group => ({ ...getGroupWithItems(group, group.items || []), index: group.index })) || []
-
-  return nonFuseGroups.reduce((acc, group) => {
-    acc.splice(group.index, 0, group)
-    return acc
-  }, [...fuseGroups])
+  const fuseGroups
+    = groups.value
+      ?.filter(group => !group.ignoreFilter && groupsById[group.id]?.length)
+      ?.map(group => getGroupWithItems(group, groupsById[group.id] || []))
+      || []
+
+  const nonFuseGroups
+    = groups.value
+      ?.filter(group => group.ignoreFilter && group.items?.length)
+      ?.map(group => getGroupWithItems(group, group.items || [])) || []
+
+  return (
+    groups.value
+      ?.map((originalGroup) => {
+        if (originalGroup.ignoreFilter) {
+          return nonFuseGroups.find(group => group.id === originalGroup.id)
+        } else {
+          return fuseGroups.find(group => group.id === originalGroup.id)
+        }
+      })
+      .filter(group => !!group) || []
+  )
 })
 
 const filteredItems = computed(() => filteredGroups.value.flatMap(group => group.items || []))