open sponsor images in new tab and add loading state (#50)

Author: alecF2

src/components/sponsors/logo.tsx

@@ -11,9 +11,15 @@ interface LogoOptions {
 const Logo = ({ imgSrc, url, alt }: LogoOptions) => {
   const imgClass = imgSrc.width / imgSrc.height < 1.75 ? styles.tall : '';
 
+  if (!imgSrc.blurDataURL) {
+    // eslint-disable-next-line no-param-reassign
+    imgSrc.blurDataURL =
+      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8vx8AAsMBwDLzsnQAAAAASUVORK5CYII=';
+  }
+
   return (
     <li className={styles.container}>
-      <a href={url}>
+      <a href={url} target="_blank" rel="noreferrer">
         <Image src={imgSrc} alt={alt} className={imgClass} />
       </a>
     </li>