Add logo component and social links

web/components/ui/SocialLinks/SocialLinks.tsx

@@ -0,0 +1,21 @@
+import { SocialLink } from '../../../interfaces/social-link.model';
+import s from './SocialLinks.module.scss';
+
+interface Props {
+  // eslint-disable-next-line react/no-unused-prop-types
+  links: SocialLink[];
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export default function SocialLinks(props: Props) {
+  const { links } = props;
+  return (
+    <div className={s.links}>
+      {links.map(link => (
+        <a key={link.platform} href={link.url} className={s.link} target="_blank" rel="noreferrer">
+          <img src={link.icon} alt={link.platform} title={link.platform} className={s.link} />
+        </a>
+      ))}
+    </div>
+  );
+}