DEVPROD-5766 Replace Christmas tree with a cherry blossom themed logo (…

…evergreen-ci#2313)

src/components/Header/Navbar.tsx

@@ -7,7 +7,7 @@ import Cookies from "js-cookie";
 import { Link, useParams } from "react-router-dom";
 import { useNavbarAnalytics } from "analytics";
 import Icon from "components/Icon";
-import ChristmasTree from "components/Icon/icons/ChristmasTree.svg";
+import HybridTree from "components/Icon/icons/HybridTree.svg";
 import { CURRENT_PROJECT } from "constants/cookies";
 import { wikiUrl } from "constants/externalResources";
 import { getCommitsRoute, getUserPatchesRoute, routes } from "constants/routes";
@@ -68,7 +68,10 @@ export const Navbar: React.FC = () => {
           to={routes.myPatches}
           onClick={() => sendEvent({ name: "Click Logo Link" })}
         >
-          <ChristmasTreeIcon src={ChristmasTree} alt="Evergreen Logo" />
+          <HybridTreeIcon
+            src={HybridTree}
+            alt="Evergreen Logo with a cherry blossom twist"
+          />
         </LogoLink>
         <PrimaryLink
           data-cy="project-health-link"
@@ -181,9 +184,8 @@ const SecondaryLink = styled.a`
   ${secondaryStyle}
 `;
 
-const ChristmasTreeIcon = styled.img`
-  height: 46px;
-  width: 46px;
+const HybridTreeIcon = styled.img`
+  height: 70px;
+  width: 70px;
   position: relative;
-  bottom: 4px;
 `;