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,38 +40,25 @@ const Section = ({
 }) => {
   const handleClick = onSelect
     ? () => {
-        onSelect(type);
+      if(type !== SectionType.Profile) {
+          onSelect(type);
+        }
       }
     : undefined;
 
   if (type === SectionType.Profile) {
-    if (!isSelected) {
+    return (
-      return (
+      <Avatar
-        <Avatar
+        avatarPath={avatarPath}
-          avatarPath={avatarPath}
+        conversationType="direct"
-          conversationType="direct"
+        i18n={window.i18n}
-          i18n={window.i18n}
+        // tslint:disable-next-line: no-backbone-get-set-outside-model
-          // tslint:disable-next-line: no-backbone-get-set-outside-model
+        phoneNumber={window.storage.get('primaryDevicePubKey')}
-          phoneNumber={window.storage.get('primaryDevicePubKey')}
+        size={28}
-          size={28}
+        onAvatarClick={handleClick}
-          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;
   switch (type) {