refactor(ui): replace ng selectors with react-select [EE-3608] (#7203)

Co-authored-by: LP B <xAt0mZ@users.noreply.github.com>

app/react/kubernetes/namespaces/CreateView/CreateNamespaceRegistriesSelector.tsx

@@ -0,0 +1,32 @@
+import { Registry } from '@/portainer/environments/environment.service/registries';
+
+import { Select } from '@@/form-components/ReactSelect';
+
+interface Props {
+  value: Registry[];
+  onChange(value: readonly Registry[]): void;
+  options: Registry[];
+  inputId?: string;
+}
+
+export function CreateNamespaceRegistriesSelector({
+  value,
+  onChange,
+  options,
+  inputId,
+}: Props) {
+  return (
+    <Select
+      isMulti
+      getOptionLabel={(option) => option.Name}
+      getOptionValue={(option) => String(option.Id)}
+      options={options}
+      value={value}
+      closeMenuOnSelect={false}
+      onChange={onChange}
+      inputId={inputId}
+      data-cy="namespaceCreate-registrySelect"
+      placeholder="Select one or more registry"
+    />
+  );
+}