re-enable gifs on homepage because i can't figure out how to get it to work

static/app-strings.json

@@ -1119,5 +1119,5 @@
   "You don't have blocked channels.": "You don't have blocked channels.",
   "You have one blocked channel.": "You have one blocked channel.",
   "You have %channels% blocked channels.": "You have %channels% blocked channels.",
-  "Drop here to publish!": "Drop here to publish!"
+  "Your Wallet": "Your Wallet"
 }

ui/component/claimPreviewTile/view.jsx

@@ -163,7 +163,7 @@ function ClaimPreviewTile(props: Props) {
       })}
     >
       <NavLink {...navLinkProps}>
-        <FileThumbnail thumbnail={thumbnailUrl}>
+        <FileThumbnail thumbnail={thumbnailUrl} allowGifs>
           {!isChannel && (
             <React.Fragment>
               {/* @if TARGET='app' */}

ui/component/fileThumbnail/view.jsx

@@ -7,15 +7,16 @@ import Placeholder from './placeholder.png';
 type Props = {
   thumbnail: ?string, // externally sourced image
   children?: Node,
+  allowGifs: boolean,
 };
 
 const className = 'media__thumb';
 
 class FileThumbnail extends React.PureComponent<Props> {
   render() {
-    const { thumbnail, children } = this.props;
+    const { thumbnail, children, allowGifs = false } = this.props;
 
-    if (thumbnail && thumbnail.endsWith('gif')) {
+    if (!allowGifs && thumbnail && thumbnail.endsWith('gif')) {
       return <FreezeframeWrapper src={thumbnail} className={className} />;
     }
 

ui/scss/component/_claim-list.scss

@@ -126,6 +126,7 @@
 
   .media__thumb {
     width: 14rem;
+    @include handleClaimListGifThumbnail(14rem);
 
     @media (max-width: $breakpoint-small) {
       width: 5rem;
@@ -306,10 +307,7 @@
 }
 
 .claim-preview--tile {
-  $width: calc(
-    (min(var(--page-max-width), 100vw) - var(--side-nav-width) - (var(--spacing-large) * 4) - var(--spacing-medium) * 3) /
-      4
-  );
+  $width: calc((100% - var(--spacing-medium) * 3) / 4);
   width: $width;
   @include handleClaimTileGifThumbnail($width);