make avatar in actionpanel not clickable

stylesheets/_session_theme_dark_left_pane.scss

@@ -475,7 +475,7 @@ $session-compose-margin: 20px;
   span {
     padding: 5px 10px;
     border-radius: 50px;
-    @include session-dark-background-lighter;
+    background-color: #121212;
     color: $session-color-light-grey;
     border: 1px solid $session-color-dark-grey;
   }

ts/components/session/ActionsPanel.tsx

@@ -40,12 +40,13 @@ const Section = ({
 }) => {
   const handleClick = onSelect
     ? () => {
+      if(type !== SectionType.Profile) {
           onSelect(type);
         }
+      }
     : undefined;
 
   if (type === SectionType.Profile) {
-    if (!isSelected) {
     return (
       <Avatar
         avatarPath={avatarPath}
@@ -57,20 +58,6 @@ const Section = ({
         onAvatarClick={handleClick}
       />
     );
-    } else {
-      return (
-        <Avatar
-          avatarPath={avatarPath}
-          conversationType="direct"
-          i18n={window.i18n}
-          // tslint:disable-next-line: no-backbone-get-set-outside-model
-          phoneNumber={window.storage.get('primaryDevicePubKey')}
-          size={28}
-          onAvatarClick={handleClick}
-          borderColor={'#fff'}
-        />
-      );
-    }
 }
 
   let iconType: SessionIconType;