fix hyperchat size when thumbanil is gif and fix totalAmount calculation

ui/component/common/icon-custom.jsx

@@ -1336,7 +1336,7 @@ export const icons = {
     <svg
       {...props}
       xmlns="http://www.w3.org/2000/svg"
-      viewBox="2 0 24 24"
+      viewBox="0 0 24 24"
       width={props.size || '18'}
       height={props.size || '18'}
       fill="currentColor"

ui/component/livestreamList/view.jsx

@@ -57,6 +57,7 @@ export default function LivestreamList() {
       {livestreamMap && Object.keys(livestreamMap).length > 0 && (
         <ClaimTilesDiscover
           hasNoSource
+          streamTypes={null}
           channelIds={Object.keys(livestreamMap)}
           limitClaimsPerChannel={1}
           renderProperties={(claim) => {

ui/redux/reducers/comments.js

@@ -296,7 +296,7 @@ export default handleActions(
           }
 
           superChatsByUri[uri].comments = sortedSuperChatComments;
-          superChatsByUri[uri].totalAmount += 1;
+          superChatsByUri[uri].totalAmount += comment.support_amount;
         } else {
           superChatsByUri[uri] = { comments: [comment], totalAmount: comment.support_amount };
         }

ui/scss/component/_livestream.scss

@@ -129,6 +129,7 @@ $discussion-header__height: 3rem;
   margin-left: var(--spacing-s);
 
   .channel-thumbnail {
+    @include handleChannelGif(2rem);
     margin-top: var(--spacing-xxs);
     flex-shrink: 0;
   }
@@ -242,6 +243,7 @@ $discussion-header__height: 3rem;
 
   .channel-thumbnail {
     margin-right: var(--spacing-xs);
+    @include handleChannelGif(2rem);
   }
 
   &:first-of-type {