frontend: k8s: Sort namespaces in useKubeObjectList

This change alphabetically sorts namespaces natively in
useKubeObjectList, addressing the case where namespace lists from
k3d/k3s clusters are not sorted by default.

Fixes: #2656

Signed-off-by: Evangelos Skopelitis <[email protected]>

frontend/src/lib/k8s/api/v2/useKubeObjectList.ts

@@ -313,17 +313,29 @@ export function useKubeObjectList<K extends KubeObject>({
     queryParams: cleanedUpQueryParams,
   });
 
+  const sortedItems = useMemo(() => {
+    if (!query.items) {
+      return query.items;
+    }
+
+    if (kubeObjectClass.kind === 'Namespace') {
+      return query.items.slice().sort((a, b) => a.metadata.name.localeCompare(b.metadata.name));
+    }
+
+    return query.items;
+  }, [query.items, kubeObjectClass]);
+
   // @ts-ignore - TS compiler gets confused with iterators
   return {
-    items: query.items,
+    items: sortedItems,
     clusterResults: query.clusterResults,
     clusterErrors: query.clusterErrors,
     isError: query.isError,
     isLoading: query.isLoading,
     isFetching: query.isFetching,
     isSuccess: query.isSuccess,
     *[Symbol.iterator](): ArrayIterator<ApiError | K[] | null> {
-      yield query.items;
+      yield sortedItems;
       yield query.errors[0] as any as ApiError;
     },
   };