console: sort filter and sort column options alphabetically, close #9966

GITHUB_PR_NUMBER: 9967
GITHUB_PR_URL: #9967

PR-URL: hasura/graphql-engine-mono#10453
Co-authored-by: Bert Verhelst <1710840+bertyhell@users.noreply.github.com>
GitOrigin-RevId: 21c8429e32ac9e7e2cf70bc3b8dd3c93ca6ce5cb

frontend/libs/console/legacy-ce/src/lib/features/BrowseRows/components/RunQuery/Filter/FilterRows.tsx

@@ -52,12 +52,14 @@ export const FilterRows = ({
     onRemove?.();
   };
 
-  const columnOptions: SelectItem[] = columns.map(column => {
-    return {
-      label: column.name,
-      value: column.name,
-    };
-  });
+  const columnOptions: SelectItem[] = columns
+    .sort((a, b) => (a.name > b.name ? 1 : -1))
+    .map(column => {
+      return {
+        label: column.name,
+        value: column.name,
+      };
+    });
 
   const operatorOptions: SelectItem[] = operators.map(operator => ({
     label: `[${operator.value}] ${operator.name}`,

frontend/libs/console/legacy-ce/src/lib/features/BrowseRows/components/RunQuery/Sort/SortRows.tsx

@@ -32,12 +32,14 @@ export const SortRows = ({
     }
   }, [initialSorts?.length]);
 
-  const columnOptions: SelectItem[] = columns.map(column => {
-    return {
-      label: column.name,
-      value: column.name,
-    };
-  });
+  const columnOptions: SelectItem[] = columns
+    .sort((a, b) => (a.name > b.name ? 1 : -1))
+    .map(column => {
+      return {
+        label: column.name,
+        value: column.name,
+      };
+    });
 
   const orderByOptions = [
     {