Change caption display logic for multiple media

- Show all of them or none of them
- If there's at least one caption < 140 chars, show all of them
- Fix potential bug when there are > 4 media

src/components/status.jsx

@@ -872,6 +872,11 @@ function Status({
     },
   );
 
+  const displayedMediaAttachments = mediaAttachments.slice(
+    0,
+    isSizeLarge ? undefined : 4,
+  );
+
   return (
     <article
       ref={(node) => {
@@ -1270,17 +1275,16 @@ function Status({
               lang={language}
               enabled={
                 mediaAttachments.length > 1 &&
-                mediaAttachments.some(
+                displayedMediaAttachments.some(
                   (media) =>
                     !!media.description &&
                     !isMediaCaptionLong(media.description),
                 )
               }
               captionChildren={() => {
-                return mediaAttachments.map(
+                return displayedMediaAttachments.map(
                   (media, i) =>
-                    !!media.description &&
+                    !!media.description && (
-                    !isMediaCaptionLong(media.description) && (
                       <div
                         key={media.id}
                         onClick={(e) => {
@@ -1305,9 +1309,7 @@ function Status({
                   mediaAttachments.length > 2 ? 'media-gt2' : ''
                 } ${mediaAttachments.length > 4 ? 'media-gt4' : ''}`}
               >
-                {mediaAttachments
+                {displayedMediaAttachments.map((media, i) => (
-                  .slice(0, isSizeLarge ? undefined : 4)
-                  .map((media, i) => (
                   <Media
                     key={media.id}
                     media={media}
@@ -1317,7 +1319,6 @@ function Status({
                     altIndex={
                       mediaAttachments.length > 1 &&
                       !!media.description &&
-                        !isMediaCaptionLong(media.description) &&
                       i + 1
                     }
                     to={`/${instance}/s/${id}?${