OG Image jartzen du (#7)

* feat: og image sartzen du sanferminetan

* feat: SEO konponentea sortzen du

* refactor: orri guztietan SEO konponentea erabiltzen du

* feat: focus hobetzen du

* feat: favicon aldatzen du

* feat: koloreak aldatzen ditu

front/src/components/SEO.tsx

@@ -0,0 +1,24 @@
+import { PageProps } from 'gatsby';
+import React from 'react';
+import { Helmet } from 'react-helmet';
+import ogImagePath from '../images/og-image.jpeg';
+
+interface Props {
+  title: string;
+  description?: string;
+
+  location: PageProps['location'];
+}
+
+export const SEO: React.VFC<Props> = ({ title, description, location }) => (
+  <Helmet title={`${title} | Laba`} htmlAttributes={{ lang: 'eu' }}>
+    {description && <meta name="description" content={description} />}
+
+    <meta
+      name="og:image"
+      content={`${location.protocol}//${location.host}${ogImagePath}`}
+    />
+    <meta name="og:image:height" content="500" />
+    <meta name="og:image:width" content="1500" />
+  </Helmet>
+);