refactor(client): Nav logo to be served as a React svg compone… (#37136)

* Refactor fccLogo to be served as a React svg component.

* fix: brand naming conventions


Co-authored-by: mrugesh <me@raisedadead.com>

client/src/components/Header/components/NavLogo.js

@@ -1,17 +1,8 @@
 import React from 'react';
-
-const fCClogo = 'https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg';
+import freeCodeCampLogo from '../../../assets/icons/freeCodeCampLogo';
 
 function NavLogo() {
-  return (
-    <picture>
-      <img
-        alt='learn to code at freeCodeCamp logo'
-        className='nav-logo'
-        src={fCClogo}
-      />
-    </picture>
-  );
+  return <freeCodeCampLogo />;
 }
 
 NavLogo.displayName = 'NavLogo';

client/src/components/Header/components/universalNav.css

@@ -49,7 +49,7 @@
   background-color: var(--theme-color);
 }
 
-#universal-nav-logo img {
+#universal-nav-logo svg {
   display: block;
   width: auto;
   height: 25px;