Resolve label/id missing Error on Money Lost Page (#2410)

* Resolve label/id missing Error on Money Lost Page

* Remove extra id

* Refactor layout code and make it cleaner in Money Lost Form

* remove unused import hidentext

Author: dengcn

f2/src/forms/MoneyLostInfoForm.js

@@ -166,26 +166,21 @@ export const MoneyLostInfoForm = (props) => {
                 />
               </Row>
               <Row className="form-section">
-                <Row className="form-label">
-                  <Trans id="moneyLostPage.transactionDate" />
-                </Row>
-                <Row className="form-helper-text">
-                  <Trans id="moneyLostPage.transactionDateExample" />
-                </Row>
                 {errors && errors.transaction && (
                   <ErrorText>
                     <Trans id="moneyLostPage.transactionDateErrorSummaryMessage" />
                   </ErrorText>
                 )}
                 <Field
                   name="transaction"
+                  label={<Trans id="moneyLostPage.transactionDate" />}
+                  helpText={<Trans id="moneyLostPage.transactionDateExample" />}
                   component={DatePicker}
                   onBlur={handleBlur}
                   onChange={handleChange}
                   id="transaction"
                 />
               </Row>
-
               <Row>
                 <NextCancelButtons
                   submit={<Trans id="businessInfoPage.nextButton" />}