refactor(theme): use H2 from pubsweet/ui override

packages/component-wizard/src/components/StepOne.js

@@ -6,7 +6,7 @@ import { ActionLink, Text, Row } from 'pubsweet-component-faraday-ui'
 
 const StepOne = () => (
   <Fragment>
-    <CustomH2>1. Pre-Submission Checklist</CustomH2>
+    <H2>1. Pre-Submission Checklist</H2>
     <Row mb={2}>
       <Text align="center" secondary>
         Before moving forward, please make sure you have all the required files
@@ -97,8 +97,4 @@ const RootCheckbox = styled.div.attrs({
     }
   }
 `
-
-const CustomH2 = styled(H2)`
-  margin: 0;
-`
 // #endregion

packages/component-wizard/src/components/StepThree.js

 import React, { Fragment } from 'react'
 import { get } from 'lodash'
 import { Field } from 'redux-form'
-import styled from 'styled-components'
 import { H2, Icon } from '@pubsweet/ui'
 import { Row, Text, WizardFiles } from 'pubsweet-component-faraday-ui'
 
@@ -18,7 +17,7 @@ const StepThree = ({
   getSignedUrl,
 }) => (
   <Fragment>
-    <CustomH2>3. Manuscript Files Upload</CustomH2>
+    <H2>3. Manuscript Files Upload</H2>
     <Row mb={2}>
       <Text align="center" display="flex" secondary>
         Drag & drop files in the specific section or click{' '}
@@ -53,9 +52,3 @@ const StepThree = ({
 )
 
 export default StepThree
-
-// #region styles
-const CustomH2 = styled(H2)`
-  margin: 0;
-`
-// #endregion

packages/component-wizard/src/components/StepTwo.js

@@ -27,7 +27,7 @@ const StepTwo = ({
   ...rest
 }) => (
   <Fragment>
-    <CustomH2>2. Manuscript & Author Details</CustomH2>
+    <H2>2. Manuscript & Author Details</H2>
     <Row mb={2}>
       <Text align="center" secondary>
         Please provide the details of all the authors of this manuscript, in the
@@ -142,8 +142,4 @@ const MoreInfoLink = styled.a`
   color: #d8d8d8;
   margin-left: 3px;
 `
-
-const CustomH2 = styled(H2)`
-  margin: 0;
-`
 // #endregion