fix: use image label in inputbox

src/pages/cluster-management/hooks/steps-context.tsx

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+
+export interface StepsContextProps {
+  formValues: Record<string, any>;
+}
+
+export const StepsContext = createContext<StepsContextProps>({
+  formValues: {}
+});
+
+export const useStepsContext = () => useContext(StepsContext);

src/pages/cluster-management/hooks/use-provider-regions.ts

@@ -151,7 +151,8 @@ export const useProviderRegions = () => {
         .map((item: any) => {
           return {
             label: item.description,
-            value: item.slug,
+            value: item.description,
+            os_image: item.slug,
             name: item.name,
             description: item.description,
             vendor: _.camelCase(item.distribution),