Gainburua CSS modules-era pasatzen du (#11)

* chore: CSS modules sartzen du

* refactor: alergeno legenda CSS modules

* refactor: css modules erabiltzen du

* chore: datubasea berreskuratzen du

* chore: kontaktu datuak aldatzen ditu

* ignore: saltoa

* feat: mugikor nabigazioa erakusten du

* chore: mugikor nabigazioa pasatzen du

* refactor: kontaktu datuak batzen ditu

* fix: gezia konpontzen du

* refactor: move component

* refactor: move component

* refactor: move component

* fix: builda konpontzen du

* chore: erabiltzen ez zen konponentea kentzen du

* fix: hasiera eta kafetegia ez diren atalak konpontzen ditu

* chore: react-responsive dependentzia kentzen du

* chore: yarn.lock eguneratzen du

* fix: kontsolako erroreak kentzen ditu

front/src/components/AlergenoLegenda/AlergenoLogoa.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+
+import { AlergenoIdentifikadorea } from '../../domain/models/AlergenoIdentifikadorea';
+import Apioa from './assets/alergenoak/apioa.svg';
+import Arraina from './assets/alergenoak/arraina.svg';
+import Arrautzak from './assets/alergenoak/arrautzak.svg';
+import Esnekiak from './assets/alergenoak/esnekiak.svg';
+import FruituLehorrak from './assets/alergenoak/fruituLehorrak.svg';
+import Glutena from './assets/alergenoak/glutena.svg';
+import Kakahueteak from './assets/alergenoak/kakahueteak.svg';
+import Krustazeoak from './assets/alergenoak/krustazeoak.svg';
+import Lupinuak from './assets/alergenoak/lupinuak.svg';
+import Moluskuak from './assets/alergenoak/moluskuak.svg';
+import Sesamoa from './assets/alergenoak/sesamoa.svg';
+import Soja from './assets/alergenoak/soja.svg';
+import Sulfitoak from './assets/alergenoak/sulfitoak.svg';
+import Ziapea from './assets/alergenoak/ziapea.svg';
+
+interface Props {
+  alergenoId: AlergenoIdentifikadorea;
+}
+
+export const AlergenoLogoa: React.FC<Props> = ({ alergenoId }) => {
+  const alergenoIdToLogo: {
+    [id in AlergenoIdentifikadorea]: React.ReactNode;
+  } = {
+    esnekiak: <Esnekiak height="100%" />,
+    arrautzak: <Arrautzak height="100%" />,
+    glutena: <Glutena height="100%" />,
+    moluskuak: <Moluskuak height="100%" />,
+    krustazeoak: <Krustazeoak height="100%" />,
+    arraina: <Arraina height="100%" />,
+    lupinuak: <Lupinuak height="100%" />,
+    fruituLehorrak: <FruituLehorrak height="100%" />,
+    kakahueteak: <Kakahueteak height="100%" />,
+    sesamoa: <Sesamoa height="100%" />,
+    soja: <Soja height="100%" />,
+    sulfitoak: <Sulfitoak height="100%" />,
+    apioa: <Apioa height="100%" />,
+    ziapea: <Ziapea height="100%" />,
+  };
+  return <>{alergenoIdToLogo[alergenoId]}</>;
+};