fix: svg logo (#1316)

I am changing the svg to be able to use it without any translation or
other css. Grabbed from
[Figma](https://www.figma.com/design/5mclPTReHcRIzKbJm8YA6a/VEDA---USWDS?node-id=241-1609&node-type=symbol&t=H3LqNnn3tzAsfBg1-0)!
Note: It has some differences to the current logo in the shade of blue
it is using, as well as a tiny bit whitespace around it.

app/scripts/components/common/layout-root/index.tsx

@@ -15,6 +15,7 @@ import { getBannerFromVedaConfig, getCookieConsentFromVedaConfig } from 'veda';
 import MetaTags from '../meta-tags';
 import PageFooter from '../page-footer';
 import PageFooterLegacy from '../page-footer-legacy';
+import NasaLogoColor from '../nasa-logo-color';
 
 const Banner = React.lazy(() => import('../banner'));
 const CookieConsent = React.lazy(() => import('../cookie-consent'));
@@ -115,6 +116,7 @@ function LayoutRoot(props: { children?: ReactNode }) {
             footerPrimaryNavItems
           }}
           hideFooter={hideFooter}
+          logoSvg={<NasaLogoColor />}
         />
       ) : (
         <PageFooterLegacy hideFooter={hideFooter} />