Terms & conditions (canada-ca#2422)

* add Terms and Conditions Page

Author: EveningStarlight

frontend/src/App.js

@@ -32,6 +32,7 @@ const ForgotPasswordPage = lazy(() => import('./ForgotPasswordPage'))
 const ResetPasswordPage = lazy(() => import('./ResetPasswordPage'))
 const DmarcByDomainPage = lazy(() => import('./DmarcByDomainPage'))
 const DmarcGuidancePage = lazy(() => import('./DmarcGuidancePage'))
+const TermsConditionsPage = lazy(() => import('./TermsConditionsPage'))
 const TwoFactorAuthenticatePage = lazy(() =>
   import('./TwoFactorAuthenticatePage'),
 )
@@ -128,6 +129,12 @@ export default function App() {
                 title={t`Reset Password`}
               />
 
+              <Page
+                path="/terms-and-conditions"
+                component={TermsConditionsPage}
+                title={t`Terms & Conditions`}
+              />
+
               <PrivatePage path="/organizations" title={t`Organizations`} exact>
                 <Organizations />
               </PrivatePage>
@@ -205,17 +212,11 @@ export default function App() {
             >
               <Trans>Privacy</Trans>
             </Link>
-            <Link
-              ml={4}
-              isExternal={true}
-              href={
-                i18n.locale === 'en'
-                  ? 'https://www.canada.ca/en/transparency/terms.html'
-                  : 'https://www.canada.ca/fr/transparence/avis.html'
-              }
-            >
+
+            <Link href="/terms-and-conditions" ml={4}>
               <Trans>Terms & conditions</Trans>
             </Link>
+
             <Link
               ml={4}
               href={'https://github.com/canada-ca/tracker/issues'}

frontend/src/CreateUserPage.js

@@ -16,6 +16,7 @@ import { fieldRequirements } from './fieldRequirements'
 import { TrackerButton } from './TrackerButton'
 import { LoadingMessage } from './LoadingMessage'
 import { activate } from './i18n.config'
+import { TermsConditionsPage } from  './TermsConditionsPage'
 
 export default function CreateUserPage() {
   const { login } = useUserState()
@@ -154,6 +155,10 @@ export default function CreateUserPage() {
 
             <LanguageSelect name="lang" width="100%" mb="4" />
 
+            <Box overflow='scroll' height='20em' border="1px" borderColor="gray.200" p={4} m={4}>
+              <TermsConditionsPage />
+            </Box>
+
             <Stack spacing={4} isInline justifyContent="space-between" mb="4">
               <TrackerButton
                 as={RouteLink}