fix: argo ci flakeyness (#203)

Author: manuel-rw

src/components/pages/about/code-contributors/code-contributor-list.tsx

@@ -26,7 +26,7 @@ export const CodeContributorList = () => {
   }, []);
 
   return (
-    <div className={'flex flex-wrap gap-3'}>
+    <div className={'flex flex-wrap gap-3 agos-ignore'}>
       {contributors.map((contributor: Contributor) => (
         <div className={'flex flex-col items-center w-24'}>
           <img

src/components/pages/about/translations-contributors/translation-constributor-list.tsx

@@ -16,7 +16,7 @@ export const TranslationContributorList = () => {
   }, []);
 
   return (
-    <div className={'flex flex-wrap gap-3'}>
+    <div className={'flex flex-wrap gap-3 agos-ignore'}>
       {contributors.map((contributor: Contributor) => (
         <div className={'flex flex-col items-center w-24'}>
           <img

tests/screenshot.css

@@ -15,7 +15,9 @@ img[src$='.gif'],
     /* Asynchronous loading images (eg. Discord server widget) */
 img[decoding="async"],
     /* Video is animated */
-video {
+video,
+    /* Elements that should be ignored from Argos */
+.agos-ignore {
     visibility: hidden !important;
 }