added validation methods

pages/newappeal/index.js

@@ -49,22 +49,26 @@ const Home = (props) => {
             <div id="page_wrapper">
                 <CookieBanner />
                 <Header courseName={t("common:service-name")} />
+                <main
+                    className="govuk-main-wrapper govuk-main-wrapper--auto-spacing"
+                    id="main-content"
+                    role="main"
+                >
+                    <div className="govuk-grid-row">
+                        <div className="govuk-grid-column-full">
+                            <div className="govuk-width-container">
+                                <Banner />
+                                <Breadcrumbs slug={appealtypes} />
 
-                <div className="govuk-grid-row">
-                    <div className="govuk-grid-column-full">
-                        <div className="govuk-width-container">
-                            <Banner />
-                            <Breadcrumbs slug={appealtypes} />
-
-                            <h1>New Appeal</h1>
-                            <CreateCase
-                                LPAData={props.LPAData}
-                                appealType={props.setAppealType}
-                            />
+                                <h1>New Appeal</h1>
+                                <CreateCase
+                                    LPAData={props.LPAData}
+                                    appealType={props.setAppealType}
+                                />
+                            </div>
                         </div>
                     </div>
-                </div>
-
+                </main>
                 <Footer footerLinks={footerLinks} />
             </div>
         </div>