refactor: [REL-11344] sort project + env options (#451)

refactor: sort options

Author: cspath1

packages/toolbar/src/core/ui/Toolbar/components/new/Settings/EnvironmentSelector.tsx

@@ -7,10 +7,12 @@ export function EnvironmentSelector() {
   const { environments, loading } = useProjectContext();
 
   const environmentOptions = useMemo(() => {
-    return environments.map((env) => ({
-      id: env.key,
-      label: env.name,
-    }));
+    return environments
+      .map((env) => ({
+        id: env.key,
+        label: env.name,
+      }))
+      .sort((a, b) => a.label.localeCompare(b.label));
   }, [environments]);
 
   const handleEnvironmentSelect = (key: string | null) => {

packages/toolbar/src/core/ui/Toolbar/components/new/Settings/ProjectSelector.tsx

@@ -14,10 +14,12 @@ export function ProjectSelector() {
   }, [projects, getProjects]);
 
   const projectOptions = useMemo(() => {
-    return projects.map((project) => ({
-      id: project.key,
-      label: project.name,
-    }));
+    return projects
+      .map((project) => ({
+        id: project.key,
+        label: project.name,
+      }))
+      .sort((a, b) => a.label.localeCompare(b.label));
   }, [projects]);
 
   const handleProjectSelect = (key: string | null) => {