Client: Sort filament/vendor dropdowns

client/src/pages/filaments/create.tsx

@@ -59,6 +59,11 @@ export const FilamentCreate: React.FC<IResourceComponentsProps & CreateOrClonePr
           <Select
             {...selectProps}
             allowClear
+            filterSort={(a, b) => {
+              return a?.label && b?.label
+                ? (a.label as string).localeCompare(b.label as string, undefined, { sensitivity: "base" })
+                : 0;
+            }}
             filterOption={(input, option) =>
               typeof option?.label === "string" && option?.label.toLowerCase().includes(input.toLowerCase())
             }

client/src/pages/filaments/edit.tsx

@@ -81,6 +81,11 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
           <Select
             {...selectProps}
             allowClear
+            filterSort={(a, b) => {
+              return a?.label && b?.label
+                ? (a.label as string).localeCompare(b.label as string, undefined, { sensitivity: "base" })
+                : 0;
+            }}
             filterOption={(input, option) =>
               typeof option?.label === "string" && option?.label.toLowerCase().includes(input.toLowerCase())
             }

client/src/pages/spools/create.tsx

@@ -51,6 +51,7 @@ export const SpoolCreate: React.FC<IResourceComponentsProps & CreateOrCloneProps
       value: item.id,
     };
   });
+  filamentOptions?.sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: "base" }));
 
   return (
     <Create

client/src/pages/spools/edit.tsx

@@ -37,6 +37,7 @@ export const SpoolEdit: React.FC<IResourceComponentsProps> = () => {
       value: item.id,
     };
   });
+  filamentOptions?.sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: "base" }));
 
   if (formProps.initialValues) {
     formProps.initialValues["filament_id"] = formProps.initialValues["filament"].id;