fix(pf4): wix wizard buttons layout

Author: Hyperkid123

packages/common/config/webpack.config.js

@@ -26,6 +26,9 @@ const devConfig = {
       process: 'process/browser.js'
     })
   ],
+  devServer: {
+    port: 3000,
+  },
   module: {
     rules: [
       {

packages/pf4-component-mapper/src/wizard/wizard-components/step-buttons.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '@patternfly/react-core';
+import { Button, WizardFooter } from '@patternfly/react-core';
 import selectNext from '@data-driven-forms/common/wizard/select-next';
 import { FormSpy } from '@data-driven-forms/react-form-renderer';
 
@@ -29,7 +29,7 @@ const WizardStepButtons = ({
   formOptions,
   conditionalSubmitFlag,
 }) => (
-  <footer className={`pf-v6-c-wizard__footer ${buttonsClassName ? buttonsClassName : ''}`}>
+  <WizardFooter className={buttonsClassName ? buttonsClassName : undefined}>
     {Buttons ? (
       <Buttons
         disableBack={disableBack}
@@ -67,7 +67,7 @@ const WizardStepButtons = ({
         )}
       </FormSpy>
     )}
-  </footer>
+  </WizardFooter>
 );
 
 export default WizardStepButtons;