Add logo component and social links

web/components/ui/SocialLinks/SocialLinks.module.scss

@@ -0,0 +1,11 @@
+.link {
+  width: 2em;
+  margin-left: 4px;
+  margin-right: 4px;
+}
+
+.links {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}

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>
+  );
+}