Contantstack logo and favicon updated according to new branding

Author: sayalijoshi27

ui/public/favicon.ico

@@ -21,13 +21,13 @@
       "content_type": "image/svg+xml",
       "file_size": "10160",
       "tags": [],
-      "filename": "icon-cs-mobile.svg",
-      "url": "https://images.contentstack.io/v3/assets/blt7359e2a55efae483/blt0b9a8281aeac3ec0/664c27d3c9024c35b5ad593a/CS_logo.png",
+      "filename": "contentstack-logo.svg",
+      "url": "https://images.contentstack.io/v3/assets/blt77d44a06c81b1730/blt2e24a315fedaeaf7/68bc10f25f14881bc908b6c2/CS_OnlyLogo.webp",
       "ACL": [],
       "is_dir": false,
       "parent_uid": "blt8e7f7872baa3a09e",
       "_version": 1,
-      "title": "icon-cs-mobile.svg"
+      "title": "Contentstack"
     },
     "url": "/projects"
   }

ui/public/images/ContentstackLogo.png

@@ -40,7 +40,6 @@
     a {
       align-items: center;
       display: flex;
-      height: 2.5rem;
       justify-content: center;
       padding: 0.5rem;
       text-decoration: none;

ui/public/images/contentstack.png

@@ -169,7 +169,7 @@ const MainHeader = () => {
           <div className="logo" onClick={handleonClick}>
             <Tooltip position="right" content="Projects" wrapperElementType="div">
               <Link to={`${logo?.url}`} onClick={(e) => e.preventDefault()}>
-                <img src={logo?.image?.url} width={32} alt="Contentstack" />
+                <img src={logo?.image?.url} width={28} alt="Contentstack" />
               </Link>
             </Tooltip>
           </div>