feat(helm-template): update input classes for better styling and change api_version type to string in helmTemplate schema

Author: AmirhoseinBrz

web/src/pages/helm-template/helm-template.tsx

@@ -325,15 +325,15 @@ export const PodEnvironmentFields: React.FC<PodEnvironmentFieldsProps> = ({
               name={`pods.${podIndex}.environment.${envIdx}.name`}
               label=""
               placeholder="Env"
-              className="h-12 divide-gray-200 rounded-md rounded-s-md border border-gray-200 dark:divide-gray-500 dark:border-gray-500"
+              className="h-12 w-full divide-gray-200 rounded-md rounded-e-md rounded-s-md border border-gray-200 px-2 outline-none dark:divide-gray-500 dark:border-gray-500 dark:bg-black-1"
             />
             <FormInput
               id={`env_value_${envIdx}`}
               name={`pods.${podIndex}.environment.${envIdx}.value`}
               label=""
               placeholder="Hi"
               className={cn(
-                'h-12 w-full divide-gray-200 rounded-md border border-gray-200 px-2 outline-none dark:divide-gray-500 dark:border-gray-500 dark:bg-black-1',
+                'h-12 w-full divide-gray-200 rounded-md rounded-e-md border border-gray-200 px-2 outline-none dark:divide-gray-500 dark:border-gray-500 dark:bg-black-1',
                 {
                   'rounded-e-md': envIdx === 0,
                 },

web/src/pages/helm-template/helm-template.types.ts

@@ -76,7 +76,7 @@ const podSchema = zod.object({
 });
 
 export const helmTemplateSchema = zod.object({
-  api_version: zod.number().min(1, 'API version is required'),
+  api_version: zod.string().min(1, 'API version is required'),
   pods: zod.array(podSchema).min(1, 'At least one pod is required'),
 });
 export type HelmTemplateSchema = zod.infer<typeof helmTemplateSchema>;