Add beta site banner (#802)

* Add new BetaBanner and remove legacy Alerts

- add BetaBanner component and test
- update AboutCard test
- remove AlertWrapper component, copy and tests
- remove AlertWrapper from all pages
- add BetaBanner copy and intl
- update logo and color
- add styles using USWDS tokens to globals.scss

* Add Beta pill to header

- refactor Header to use Grid and USWDS
- refactor global.scss to use Grid and USWDS
- updates snapshots

* Move styles from global to modules

- move BetaBanner styles from global to modules
- move J40Header to a folder component and module styles
- add J40Header unit test
- add a design-system.scss file that allows USWDS styles in modules
- updates snapshots

* Update en.json file

* Trigger Build

* Add initial Spanish content

- add README for translation team
- add createSpanishJson script
- add initial version of es.json
- add a spanish string variable to test translation

* Add retry and timeout config to stalled test

* Remove redundant test cases for AboutCard

- update snapshot

* Update BetaBanner description

client/src/data/copy/common.tsx

@@ -1,30 +1,17 @@
 import {defineMessages} from 'react-intl';
 
-// Alerts
-export const ALERTS = defineMessages({
-  BETA_TITLE: {
-    id: 'alert.alertBetaTitle',
-    defaultMessage:
-        'Public beta',
-    description: 'Title for an alert inform users that datasets may change',
+// Beta Banner
+export const BETA_BANNER = defineMessages({
+  TITLE: {
+    id: 'banner.beta.title',
+    defaultMessage: 'This is a Beta site.',
+    description: 'the main title of the beta banner',
   },
-  BETA_BODY: {
-    id: 'alert.alertBetaBody',
-    defaultMessage:
-        'This website may be continuously updated',
-    description: 'Body for an alert inform users that datasets may change',
-  },
-  LIMITED_TITLE: {
-    id: 'alert.alertDataLimitedTitle',
-    defaultMessage:
-        'Limited data sources',
-    description: 'Title for an alert inform users that datasets may change',
-  },
-  LIMITED_BODY: {
-    id: 'alert.alertDataLimitedBody',
-    defaultMessage:
-        'Datasets may be added, updated, or removed.',
-    description: 'Body for an alert inform users that datasets may change',
+  INFO: {
+    id: 'banner.beta.info',
+    defaultMessage: `It is an early, in-progress version of the tool with limited data 
+    sets that will be continuously updated.`,
+    description: 'the main info of the beta banner',
   },
 });