Client: Enabled search in vendor/filament dropdown

Closes #60

client/src/pages/filaments/create.tsx

@@ -56,7 +56,13 @@ export const FilamentCreate: React.FC<IResourceComponentsProps & CreateOrClonePr
             },
           ]}
         >
-          <Select {...selectProps} allowClear />
+          <Select
+            {...selectProps}
+            allowClear
+            filterOption={(input, option) =>
+              typeof option?.label === "string" && option?.label.toLowerCase().includes(input.toLowerCase())
+            }
+          />
         </Form.Item>
         <Form.Item
           label={t("filament.fields.color_hex")}

client/src/pages/filaments/edit.tsx

@@ -78,7 +78,13 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
             return value;
           }}
         >
-          <Select {...selectProps} allowClear />
+          <Select
+            {...selectProps}
+            allowClear
+            filterOption={(input, option) =>
+              typeof option?.label === "string" && option?.label.toLowerCase().includes(input.toLowerCase())
+            }
+          />
         </Form.Item>
         <Form.Item
           label={t("filament.fields.color_hex")}

client/src/pages/spools/create.tsx

@@ -96,7 +96,13 @@ export const SpoolCreate: React.FC<IResourceComponentsProps & CreateOrCloneProps
             },
           ]}
         >
-          <Select options={filamentOptions} />
+          <Select
+            options={filamentOptions}
+            showSearch
+            filterOption={(input, option) =>
+              typeof option?.label === "string" && option?.label.toLowerCase().includes(input.toLowerCase())
+            }
+          />
         </Form.Item>
         <Form.Item
           label={t("spool.fields.used_weight")}

client/src/pages/spools/edit.tsx

@@ -107,7 +107,13 @@ export const SpoolEdit: React.FC<IResourceComponentsProps> = () => {
             },
           ]}
         >
-          <Select options={filamentOptions} />
+          <Select
+            options={filamentOptions}
+            showSearch
+            filterOption={(input, option) =>
+              typeof option?.label === "string" && option?.label.toLowerCase().includes(input.toLowerCase())
+            }
+          />
         </Form.Item>
         <Form.Item
           label={t("spool.fields.used_weight")}