Replace mail with launch icon, replace public eng btn with data source btn, copy update on Census, add census disclaimer text (#2161)

* update UI
- closes #2159

* replace pub eng btn with data source btn
- closes #2158

* update to US Census
- closes #2157

* add census disclaimer
- closes #2156

client/src/components/AreaDetail/AreaDetail.tsx

@@ -20,7 +20,7 @@ import * as constants from '../../data/constants';
 import * as EXPLORE_COPY from '../../data/copy/explore';
 
 // @ts-ignore
-import mailIcon from '/node_modules/uswds/dist/img/usa-icons/mail_outline.svg';
+import launchIcon from '/node_modules/uswds/dist/img/usa-icons/launch.svg';
 
 interface IAreaDetailProps {
   properties: constants.J40Properties,
@@ -886,7 +886,7 @@ const AreaDetail = ({properties}: IAreaDetailProps) => {
             </div>
             <img
               className={styles.buttonImage}
-              src={mailIcon}
+              src={launchIcon}
               alt={intl.formatMessage(EXPLORE_COPY.COMMUNITY.SEND_FEEDBACK.IMG_ICON.ALT_TAG)}
             />
           </div>

client/src/components/DatasetCard/tests/__snapshots__/datasetCard.test.tsx.snap

@@ -45,7 +45,7 @@ exports[`rendering of indicator dataset card checks if component renders 1`] = `
         <span>
           Responsible party: 
         </span>
-        Census
+        U.S. Census
       </li>
       <li>
         <span>

client/src/components/DatasetContainer/dsContainer.module.scss

@@ -11,4 +11,8 @@
   display: flex;
   justify-content: flex-end;
   @include u-margin-bottom(4);
+}
+
+.alignItemsCenter {
+  align-items: center;
 }

client/src/components/DatasetContainer/dsContainer.module.scss.d.ts

@@ -2,6 +2,7 @@ declare namespace DatasetContainerScssNamespace {
     export interface IDatasetContainerScss {
       datasetCardsContainer: string;
       returnToTop: string;
+      alignItemsCenter: string;
     }
   }
 

client/src/components/DatasetContainer/index.tsx

@@ -27,14 +27,15 @@ const DatasetContainer = () => {
             </Grid>
           </Grid>
 
-          <Grid row gap>
+          <Grid row gap className={styles.alignItemsCenter}>
             <Grid desktop={{col: 7}}>
               <p>{intl.formatMessage(METHODOLOGY_COPY.DATASETS.INFO)}</p>
+              <p>{intl.formatMessage(METHODOLOGY_COPY.DATASETS.CENSUS_DISCLAIMER)}</p>
             </Grid>
             <Grid desktop={{col: 1}}>
             </Grid>
             <Grid desktop={{col: 4}}>
-              <DatasetsButton href= {'https://www.surveymonkey.com/r/6G9TQJ8'} />
+              <DatasetsButton href= {'https://www.surveymonkey.com/r/6G9TQJ8'}/>
             </Grid>
           </Grid>
 

client/src/components/DatasetContainer/tests/__snapshots__/datasetContainer.test.tsx.snap

@@ -35,6 +35,11 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
             
       The tool's datasets are public and consistent nationwide. They come from different sources and are high quality. The Council on Environmental Quality (CEQ) chose them based on relevance,  availability, and quality. They identify climate, environmental, and other burdens on communities.
     
+          </p>
+          <p>
+            
+      This product uses the Census Bureau Data API but is not endorsed or certified by the Census Bureau.
+    
           </p>
         </div>
         <div
@@ -116,7 +121,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   <span>
                     Responsible party: 
                   </span>
-                  Census
+                  U.S. Census
                 </li>
                 <li>
                   <span>

client/src/components/DatasetsButton/DatasetsButton.module.scss

@@ -1,7 +1,6 @@
 @use '../../styles/design-system.scss' as *;
 
 .datasetsButtonContainer{
-      @include u-margin-top(3);
 
       @include u-height(6);
       z-index: 2;