Main header, login image and logo changes

ui/src/cmsData/main_header.json

@@ -22,7 +22,7 @@
       "file_size": "10160",
       "tags": [],
       "filename": "icon-cs-mobile.svg",
-      "url": "https://images.contentstack.io/v3/assets/bltd3620ec6418ad3ad/blt4a17564224d007f3/652f91e5fe1f57912c211dfc/icon-cs-mobile.svg",
+      "url": "https://images.contentstack.io/v3/assets/blt7359e2a55efae483/blt0b9a8281aeac3ec0/664c27d3c9024c35b5ad593a/CS_logo.png",
       "ACL": [],
       "is_dir": false,
       "parent_uid": "blt8e7f7872baa3a09e",

ui/src/components/MainHeader/index.scss

@@ -14,8 +14,7 @@
     border: 0 none;
   }
   .logo {
-    // height: 2rem;
-    margin-right: 1rem;
+    margin-right: 1.063rem;
     position: relative;
     width: 3rem;
     a {

ui/src/components/MainHeader/index.tsx

@@ -1,31 +1,30 @@
 // Libraries
-import { useContext, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useNavigate, useLocation, Link } from 'react-router-dom';
 import { Dropdown, Tooltip } from '@contentstack/venus-components';
 import { useDispatch, useSelector } from 'react-redux';
 
 // Service
 import { getCMSDataFromFile } from '../../cmsData/cmsSelector';
 
+// Redux
+import { RootState } from '../../store';
+import { setSelectedOrganisation } from '../../store/slice/authSlice';
+
 //Utilities
 import { CS_ENTRIES } from '../../utilities/constants';
-
-// Context
-import { AppContext } from '../../context/app/app.context';
+import {
+  clearLocalStorage,
+  getDataFromLocalStorage,
+  setDataInLocalStorage
+} from '../../utilities/functions';
 
 // Interface
 import { MainHeaderType } from './mainheader.interface';
-import { DEFAULT_USER, IDropDown } from '../../context/app/app.interface';
+import { IDropDown } from '../../context/app/app.interface';
 
 // Styles
 import './index.scss';
-import {
-  clearLocalStorage,
-  getDataFromLocalStorage,
-  setDataInLocalStorage
-} from '../../utilities/functions';
-import { RootState } from '../../store';
-import { setSelectedOrganisation } from '../../store/slice/authSlice';
 
 const MainHeader = () => {
 
@@ -105,7 +104,7 @@ const MainHeader = () => {
               <div className="logo">
                 <Tooltip position="right" content="Projects" wrapperElementType="div">
                   <Link to={`${logo?.url}`}>
-                    <img src={logo?.image?.url} width={26} alt="Contentstack Logo" />
+                    <img src={logo?.image?.url} width={32} alt="Contentstack" />
                   </Link>
                 </Tooltip>
               </div>

ui/src/pages/Projects/index.scss

@@ -27,7 +27,7 @@
         border-top: 0 none;
         height: auto;
         border-bottom: 1px solid $color-brand-secondary-lightest;
-        padding:20px;
+        padding:20px 10px 20px 13px;
       }
     }
   }