docs(PPDSC-2297): NewsKit homepage update - banners, explore and more (…

…#336)

* docs(PPDSC-2297): newskit homepage update - banners, explore and more

* docs(PPDSC-2297): update brand grid

* docs(PPDSC-2297): update sections and ssr mismatch fixed

* docs(PPDSC-2297): update random logos naming

* docs(PPDSC-2297): address design review comments

* docs(PPDSC-2297): update Explore Foundations illustration

* docs(PPDSC-2297): address design comments

* docs(PPDSC-2297): add full stop to a copy

* docs(PPDSC-2297): update the banners to non interactive

* docs(PPDSC-2297): update snapshots

* docs(PPDSC-2297): update useReactKeys usage

* docs(PPDSC-2297): address comments

site/components/__tests__/__snapshots__/site-header.test.tsx.snap

@@ -593,7 +593,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on a section wi
   font-family: "Poppins",sans-serif;
   font-size: 14px;
   line-height: 21px;
-  font-weight: 600;
+  font-weight: 500;
   letter-spacing: 0;
   padding: 0.5px 0px;
   display: inline-block;
@@ -1962,7 +1962,7 @@ exports[`SiteHeader has first item highlighted (About) if we are on the /about s
   font-family: "Poppins",sans-serif;
   font-size: 14px;
   line-height: 21px;
-  font-weight: 600;
+  font-weight: 500;
   letter-spacing: 0;
   padding: 0.5px 0px;
   display: inline-block;
@@ -3325,7 +3325,7 @@ exports[`SiteHeader has no highlighted items if we are on the homepage 1`] = `
   font-family: "Poppins",sans-serif;
   font-size: 14px;
   line-height: 21px;
-  font-weight: 600;
+  font-weight: 500;
   letter-spacing: 0;
   padding: 0.5px 0px;
   display: inline-block;

site/components/component-api/__tests__/__snapshots__/component-api.test.tsx.snap

@@ -1112,7 +1112,7 @@ exports[`ComponentAPI renders with props for multiple components 1`] = `
   font-family: "Poppins",sans-serif;
   font-size: 14px;
   line-height: 21px;
-  font-weight: 600;
+  font-weight: 500;
   letter-spacing: 0;
   padding: 0.5px 0px;
   display: inline-block;