cloudConfigPage: save the aws configs

Save the AWS config modifications to the `osbuild-worker.toml` file.

Author: kingsleyzissou

src/Components/CloudProviderConfig/CloudProviderConfig.tsx

@@ -6,17 +6,25 @@ import { useNavigate } from 'react-router-dom';
 import { AWSConfig } from './AWSConfig';
 import { useIsAwsStepValid } from './validators';
 
-import { changeAWSConfig } from '../../store/cloudProviderConfigSlice';
-import { useGetWorkerConfigQuery } from '../../store/cockpit/cockpitApi';
-import { useAppDispatch } from '../../store/hooks';
+import {
+  changeAWSConfig,
+  selectAWSConfig,
+} from '../../store/cloudProviderConfigSlice';
+import {
+  useGetWorkerConfigQuery,
+  useUpdateWorkerConfigMutation,
+} from '../../store/cockpit/cockpitApi';
+import { useAppDispatch, useAppSelector } from '../../store/hooks';
 import { resolveRelPath } from '../../Utilities/path';
 import { ImageBuilderHeader } from '../sharedComponents/ImageBuilderHeader';
 
 export const CloudProviderConfig = () => {
   const navigate = useNavigate();
   const dispatch = useAppDispatch();
+  const config = useAppSelector(selectAWSConfig);
   const handleClose = () => navigate(resolveRelPath(''));
 
+  const [updateConfig] = useUpdateWorkerConfigMutation();
   const { data, error, refetch } = useGetWorkerConfigQuery({});
   const isAwsStepValid = useIsAwsStepValid();
 
@@ -47,6 +55,10 @@ export const CloudProviderConfig = () => {
               isNextDisabled: !isAwsStepValid,
               isBackDisabled: false,
               onBack: () => navigate(resolveRelPath('')),
+              onNext: () => {
+                updateConfig({ updateWorkerConfigRequest: { aws: config } });
+                navigate(resolveRelPath(''));
+              },
             }}
           >
             <AWSConfig refetch={refetch} />