Add copy to sidepanel on unselected and correct typo on Traffic data (#1646)

* Add copy to sidepanel

- add copy
- add spanish copy
- update snapshots
- udpate en.json and es.json

* Fix typo on Traffic data

* Reduce sidepanel title font size to x-large

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

@@ -484,7 +484,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                     rel="noreferrer"
                     target="_blank"
                   >
-                    Traffic Data
+                    Traffic data
                   </a>
                    from 2017 as compiled by EPA's EJScreen
                 </li>

client/src/components/SidePanelInfo/SidePanelInfo.module.scss

@@ -7,11 +7,17 @@
   @include u-padding-left(4);
   @include u-padding-bottom(4);
 
-  .sidePanelInfoHeading {
+  .sidePanelInfoTitle {
     @include u-padding-top(2);
     font-size: x-large;
     line-height: 1.9rem;
   }
+
+  .sidePanelInfoHeading {
+    @include u-padding-top(2);
+    font-size: x-large;
+    // line-height: 1.9rem;
+  }
   
   .sidePanelInfoIcon {
     @include u-height(5);

client/src/components/SidePanelInfo/SidePanelInfo.module.scss.d.ts

@@ -1,6 +1,7 @@
 declare namespace MapIntroductionModuleScssNamespace {
     export interface IMapIntroductionModuleScss {
         sidePanelInfoContainer: string;
+        sidePanelInfoTitle: string;
         sidePanelInfoHeading: string;
         sidePanelInfoIcon: string;
     }

client/src/components/SidePanelInfo/SidePanelInfo.tsx

@@ -13,18 +13,21 @@ import upDown from '../../images/sidePanelIcons/upDown.svg';
 import * as styles from './SidePanelInfo.module.scss';
 import * as EXPLORE_COPY from '../../data/copy/explore';
 
-const MapIntroduction = () => {
+const SidePanelInfo = () => {
   const intl = useIntl();
 
   return (
     <aside className={styles.sidePanelInfoContainer}>
 
-      <header tabIndex={0} className={styles.sidePanelInfoHeading}>
+      <header tabIndex={0} className={styles.sidePanelInfoTitle}>
         {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.TITLE)}
       </header>
       <p tabIndex={0}>
         {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA1)}
       </p>
+      <p tabIndex={0} className={styles.sidePanelInfoHeading}>
+        {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.HEADING1)}
+      </p>
       <img tabIndex={0} className={styles.sidePanelInfoIcon}
         src={puzzle}
         alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.ALT_TEXT_ICON1)}
@@ -57,4 +60,4 @@ const MapIntroduction = () => {
   );
 };
 
-export default MapIntroduction;
+export default SidePanelInfo;

client/src/components/SidePanelInfo/__snapshots__/SidePanelInfo.test.tsx.snap

@@ -14,6 +14,13 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
       
       This tool identifies communities that are marginalized, underserved, and overburdened by pollution. These communities are located in census tracts that are at or above the thresholds in one or more of eight categories of criteria.
     
+    </p>
+    <p
+      tabindex="0"
+    >
+      
+      Zoom in or search and select to see data about any census tract of interest
+    
     </p>
     <img
       alt="

client/src/components/__snapshots__/mapInfoPanel.test.tsx.snap

@@ -19,6 +19,13 @@ exports[`simulate app starting up, no click on map should match the snapshot of
         
       This tool identifies communities that are marginalized, underserved, and overburdened by pollution. These communities are located in census tracts that are at or above the thresholds in one or more of eight categories of criteria.
     
+      </p>
+      <p
+        tabindex="0"
+      >
+        
+      Zoom in or search and select to see data about any census tract of interest
+    
       </p>
       <img
         alt="