style: mimic style on all modals

Author: AlexVOiceover

src/components/statementWizard/EditStatementModal.tsx

@@ -140,11 +140,11 @@ export const EditStatementModal: React.FC<EditStatementModalProps> = ({
         </DialogDescription>
         {renderEditComponent()}
         {/* Optionally add a footer for explicit Save/Cancel */}
-        <div className='p-4 flex justify-center'>
+        <div className='p-4 flex justify-center gap-4'>
           <Button onClick={handleSave} variant='pink'>
             Save
           </Button>
-          <Button onClick={onClose} variant='pink' className='ml-2'>
+          <Button onClick={onClose} variant='pink'>
             Cancel
           </Button>
         </div>

src/components/statementWizard/StatementWizard.tsx

@@ -254,18 +254,18 @@ const StatementWizard: React.FC<StatementWizardProps> = ({
         </AnimatePresence>
         <StatementPreview selection={selection} />
         {/* Navigation Panel */}
-        <div className='flex justify-between p-4 border-t'>
+        <div className='flex justify-center p-4 gap-4'>
           <Button
             onClick={goBack}
             disabled={currentStepIndex === 0}
             variant='pink'
-            className='mx-auto'
+            // className='mx-auto'
           >
             Back
           </Button>
           <Button
             variant='pink'
-            className='mx-auto'
+            // className='mx-auto'
             onClick={
               currentStepIndex === steps.length - 1 ? handleComplete : goNext
             }