Hasiera css modulesera pasatzen du (#12)

* refactor: extract component

* hasiera CSS modules-era pasatzen du

* refactor: Container css modulesera pasatzen du

* fix: maketazioa

front/src/views/Hasiera/Hasiera.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+
+import Gezia from '../../assets/gezia.svg';
+import { Container } from '../../components/Container';
+import { Gainburua } from '../../components/Gainburua';
+import { Oina } from '../../components/Oina';
+import * as styles from './Hasiera.module.scss';
+import { HasieraContent } from './HasieraContent';
+
+interface Props {
+  content: HasieraContent;
+}
+
+export const Hasiera: React.FC<Props> = ({ content }) => {
+  const { izenburua, deskribapena, edukia } = content;
+  return (
+    <>
+      <Gainburua
+        atala="hasiera"
+        izenburua={izenburua}
+        deskribapena={deskribapena}
+      />
+
+      <div className={styles.contentWrapper} id="edukia">
+        <Container>
+          <ReactMarkdown className={styles.edukia}>{edukia}</ReactMarkdown>
+
+          <div className={styles.izanLabaWrapper}>
+            <a
+              className={styles.callToAction}
+              href="https://forms.gle/wV41CVkRX1JtHsAu9"
+            >
+              <Gezia className={styles.gezia} /> Labazkidetu.
+            </a>
+          </div>
+        </Container>
+      </div>
+
+      <Oina />
+    </>
+  );
+};