refactor: change the direction gallery thumbnails are rendered

This applies to grids of 2x2 images.
Currently, we render images by column. This means that the first two
pictures are in column one, the last two in column two.

To conform to what the other SDKs does, this PR flips in by changing
`invertedDirection` to `true` for our use of `buildThumbnailGallery`.
This will render the photos by row instead.

Author: madsroskar

package/src/components/Attachment/__tests__/Gallery.test.js

@@ -248,13 +248,13 @@ describe('Gallery', () => {
     const { queryAllByTestId } = render(component);
 
     await waitFor(() => {
-      expect(queryAllByTestId('gallery-column-0').length).toBe(1);
-      expect(queryAllByTestId('gallery-column-1').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-0').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-1').length).toBe(1);
 
-      expect(queryAllByTestId('gallery-column-0-item-0').length).toBe(1);
-      expect(queryAllByTestId('gallery-column-0-item-1').length).toBe(1);
-      expect(queryAllByTestId('gallery-column-1-item-0').length).toBe(1);
-      expect(queryAllByTestId('gallery-column-1-item-1').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-0-item-0').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-0-item-1').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-1-item-0').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-1-item-1').length).toBe(1);
     });
   });
 

package/src/components/Attachment/utils/buildGallery/buildGallery.ts

@@ -71,7 +71,7 @@ export function buildGallery<
       [1, 1],
     ],
     images: images.slice(0, 4),
-    invertedDirections: false,
+    invertedDirections: true,
     sizeConfig,
   });
 }