fix: about tab links and icons

src/components/Elements/Button/Button.jsx

@@ -50,7 +50,10 @@ const Button = forwardRef(
     );
 
     const linkButton = (
-      <a className={className} onClick={onClick} ref={ref} disabled={disabled} href={href} style={style}>
+      <a className={className} onClick={onClick} ref={ref} disabled={disabled} href={href} style={style} 
+                   target="_blank"
+              rel="noopener noreferrer"
+      >
         {icon}
         {label}
       </a>

src/components/Elements/MainModal/scss/settings/modules/tabs/_about.scss

@@ -31,6 +31,8 @@
   img {
     width: 75px;
     height: auto;
+    opacity: 0;
+    animation: fadeIn 0.5s ease-in-out forwards;
 
     @include themed {
       border-radius: t($borderRadius);
@@ -38,6 +40,17 @@
   }
 }
 
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
 .subtitle-photographers {
   font-size: 16px;
 

src/features/misc/sections/About.jsx

@@ -2,7 +2,7 @@ import variables from 'config/variables';
 import { PureComponent } from 'react';
 import { MdEmail, MdContactPage } from 'react-icons/md';
 import { FaDiscord } from 'react-icons/fa';
-import { SiGithubsponsors, SiX } from 'react-icons/si';
+import { SiX } from 'react-icons/si';
 import { BiDonateHeart } from 'react-icons/bi';
 
 import { Tooltip, Button } from 'components/Elements';