docs(PPDSC-1995): update NewsKit theme - dark & light (#345)

* 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): addressed design review comments

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

* docs(PPDSC-2297): addressing 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

* feat(PPDSC-1995): update typography presets

* feat(PPDSC-1995): update snapshots

* feat(PPDSC-1995): update theme

* feat(PPDSC-1995): remove background color on SectionNavigation

* feat(PPDSC-1995): update illustrations

* feat(PPDSC-1995): update theme colors

* feat(PPDSC-1995): update theme colours

* feat(PPDSC-1995): updated snapshots

* feat(PPDSC-1995): update theme values

* feat(PPDSC-1995): update snapshots

* feat(PPDSC-1995): update snapshots

* feat(PPDSC-1995): update dark theme tokens, align banner and toast

* feat(PPDSC-1995): update snapshots

* feat(PPDSC-1995): update audio player stories theme

* feat(PPDSC-1995): update few dark tokens

* feat(PPDSC-1995): update snapshots

site/components/__tests__/__snapshots__/enum-table.test.tsx.snap

@@ -14,16 +14,16 @@ exports[`EnumTable renders enum as expected 1`] = `
   line-height: 1.5;
   font-weight: 400;
   letter-spacing: 0;
-  background-color: #FFFFFF;
-  box-shadow: 0 3px 4px 2px #FFFFFF;
+  background-color: #F0F1F3;
+  box-shadow: 0 3px 4px 2px #F0F1F3;
 }
 
 .emotion-1,
 .emotion-1 td,
 .emotion-1 th {
-  color: #0A0A0A;
+  color: #09111C;
   border-spacing: 0;
-  border: solid 1px #E4E4E4;
+  border: solid 1px #DEE2E5;
 }
 
 .emotion-1 td,