fix: removed litmus logo from sidebar and corresponding css (#5309)

Signed-off-by: Avirup Banik <[email protected]>
Co-authored-by: Pritesh Kiri <[email protected]>

Author: Avirup-001

chaoscenter/web/src/components/SideNav/SideNav.module.scss

@@ -61,22 +61,6 @@
         letter-spacing: 0.13px;
       }
     }
-
-    .iconContainer {
-      position: absolute;
-      bottom: 50px;
-      right: 0;
-      left: 0;
-      overflow: hidden;
-      width: 100%;
-      pointer-events: none;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      .icon {
-        opacity: 0.08;
-      }
-    }
   }
 }
 

chaoscenter/web/src/components/SideNav/SideNav.module.scss.d.ts

@@ -3,8 +3,6 @@ declare namespace SideNavModuleScssNamespace {
     bottomContainer: string;
     collapse: string;
     expand: string;
-    icon: string;
-    iconContainer: string;
     link: string;
     logOutContainer: string;
     main: string;

chaoscenter/web/src/components/SideNav/SideNav.tsx

@@ -124,11 +124,6 @@ export default function SideNav(): ReactElement {
         )}
       </div>
       <Container className={css.bottomContainer} data-isroutepresent={isPathPresent('settings')}>
-        {!isPathPresent('settings') && (
-          <div className={css.iconContainer}>
-            <Icon className={css.icon} name={'chaos-litmuschaos'} size={200} />
-          </div>
-        )}
         <div className={css.titleContainer}>
           {isPathPresent('settings') ? (
             <Layout.Horizontal