Re-order nav links, update download box to include shapefiles, squish pages (#1538)

* Re-order nav links, update download box to include shapefiles, squishy pages (#1536)

* Add dropdown to navigation links

- add download page
- move main pages tests to their own folder
- add download and public eng snapshot test
- remove public engagement button on each page
- swap index with cejst
- update cypress ENDPOINTS
- upate gatsby-config sitemap
- update snapshots
- cypress tests are failing

* Make all page endpoints constants

- fix all cypress tests
- refactor all test to use LegacyTests/constants/PAGES_ENDPOINTS
- gatsby-config to use PAGES_ENDPOINTS
- remove ScoreStepList component
- update J40Header to use constants.PAGES_ENDPOINTS
- update snapshots
- there are 3 locations to update PAGES_ENDPOINTS, namely

1. LegacyTests/constants.tsx
2. constants.tsx
3. gatsby-config

* Add two placeholder pages

- FAQs
- TSD

* remove dropdown from navigation menu

- remove dropdown from gherkin tests
- update snapshots

* Add back public engagement button to all pages

- add send button in area detail alt tag to i18n
- modify public engagement button to have same CSS as send feedback button
- update snapshots

* Update download box to include shapefile downloads

- refator download packet scss
- add shapefile URL to .env files
- update tests
- index forwarding pattern
- update snapshots

* Add FAQ link to About page

* Update footer

- add PEC
- add RFI
- add github link

* Update the staging link URL and title

* Update download Box to match design sync

- update FAQ link copy

* Add comment for reason of commented code

client/src/components/AboutCard/AboutCard.tsx

@@ -6,7 +6,7 @@ import {hyphenizeString} from '../../../cypress/integration/common/helpers';
 
 // the "body" section is the child object to allow for html versus just text
 interface AboutCardProps {
-  imgSrc: string;
+  imgSrc?: string;
   header: string;
   size: 'small' | 'large';
   linkText?: string;
@@ -25,10 +25,10 @@ const AboutCard = (props: React.PropsWithChildren<AboutCardProps>) => {
       <Grid tablet={{col: true}} gap={'lg'} className={(props.className || '')}>
         <Grid row className={'j40-aboutcard-lg-card'}>
           <Grid tablet={{col: 3}} className={'j40-aboutpage-image-container'}>
-            <img
+            {props.imgSrc && <img
               className={'j40-aboutcard-image'}
               alt={props.header}
-              src={props.imgSrc}/>
+              src={props.imgSrc}/>}
           </Grid>
 
           <Grid tablet={{col: 9}} data-cy={`${hyphenizeString(props.header)}-block`}>