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/SetupSteps/EthereumConnectionCheck.tsx

@@ -27,12 +27,10 @@ export default function EthereumConnectionCheck(props: any) {
                 </div>
             }
             </div>
-            <Typography variant="subtitle1" gutterBottom>
-            <span>Node Address</span>
-            </Typography>
+            <Typography variant="subtitle1" gutterBottom>Node Address</Typography>
             <EthereumAddress
-            address={props.nodeAddresses?.ethereum}
-            network={'goerli'}
+              address={props.nodeAddresses?.ethereum}
+              network={'goerli'}
             />
             </div>
     )