Karpetak ordenatzen ditu (#15)

* refactor: extract hooks

* refactor: naming

* refactor: naming

* refactor: domain karpeta atontzen du

* fix: og image konpontzen du

* refactor: move component

* refactor: move component

* refactor: move component

* refactor: move component

front/src/views/components/Oina/Oina.module.scss

@@ -0,0 +1,20 @@
+.wrapper {
+  display: flex;
+  justify-content: center;
+  padding: var(--size-base);
+}
+
+.esteka {
+  &:not(:last-child) {
+    margin-right: var(--size-mini);
+  }
+
+  transition: color 500ms ease-out 100ms;
+  &:hover {
+    color: var(--color-morea);
+  }
+
+  &:focus {
+    outline: 2px solid var(--color-morea);
+  }
+}

front/src/views/components/Oina/Oina.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { Link } from 'gatsby';
+
+import * as styles from './Oina.module.scss';
+
+export const Oina: React.FC = () => (
+  <footer className={styles.wrapper}>
+    <Link className={styles.esteka} to="/lege-oharra">
+      Lege oharra
+    </Link>
+    <Link className={styles.esteka} to="/pribatutasun-politika">
+      Pribatutasun politika
+    </Link>
+  </footer>
+);

front/src/views/components/Oina/index.ts

@@ -0,0 +1 @@
+export { Oina } from './Oina';