fix: Setting explicit Typography components to fix invalid DOM (#25)

* fix: Setting explicit Typography components to fix invalid DOM

Typography, by default, uses <p> as it's underlying component. When used
to embed other components it resulted in a DOM errors like: "<p> cannot appear
as descendant of <p>"... and more.

fix: Linting

* chore: apply suggestions from code review

Co-authored-by: Vojtech Simetka <vojtech@simetka.cz>

src/pages/status/NodeSetupWorkflow.tsx

@@ -142,7 +142,7 @@ export default function NodeSetupWorkflow(props: any) {
               </StepButton>
             </StepLabel>
             <StepContent>
-              <Typography>{getStepContent(index, props)}</Typography>
+              <Typography component="div">{getStepContent(index, props)}</Typography>
               <div className={classes.actionsContainer}>
                 <div>
                   <Button
@@ -182,4 +182,4 @@ export default function NodeSetupWorkflow(props: any) {
       ) : null}
     </div>
   );
-}
+}