Postion Fixed For Back Button in Step 2 to be on left always (#86)

Co-authored-by: MehakNasir <mehaknasir@A006-00194.local>

src/pages-and-resources/discussions/DiscussionsSettings.jsx

@@ -76,9 +76,9 @@ function DiscussionsSettings({ courseId, intl }) {
                   </PageRoute>
                 </Switch>
               </Stepper.Body>
-              <Stepper.Footer className="d-flex justify-content-end align-items-center">
+              <Stepper.Footer className={`d-flex ${isFirstStep ? 'justify-content-end' : 'justify-content-between'} align-items-center`}>
                 {!isFirstStep && (
-                  <Button variant="outline-primary" className="mr-2" onClick={handleBack}>
+                  <Button variant="outline-primary" className="ml-2" onClick={handleBack}>
                     {intl.formatMessage(messages.backButton)}
                   </Button>
                 )}

src/pages-and-resources/discussions/app-config-form/AppConfigFormApplyButton.jsx

@@ -26,7 +26,7 @@ function AppConfigFormApplyButton({ intl }) {
         complete: intl.formatMessage(messages.appliedButton),
       }}
       state={submitButtonState}
-      className="mr-3"
+      className="mr-2"
       onClick={handleApply}
     />
   );

src/pages-and-resources/discussions/app-list/AppListNextButton.jsx

@@ -17,7 +17,7 @@ function AppListNextButton({ intl }) {
   }, [discussionsPath, selectedAppId]);
 
   return (
-    <Button variant="primary" onClick={handleStartConfig}>
+    <Button variant="primary" onClick={handleStartConfig} className="mr-2">
       {intl.formatMessage(messages.nextButton)}
     </Button>
   );