Alergenoen legenda sortzen du (#2)

* refactor: move to a new file

* refactor: move to new file

* refactor: extract custom hook

* refactor: naming

* refactor: naming

* feat: produktu bakoitzaren alergenoak azaltzen ditu

* feat: alergeno logoak margotzen ditu

* feat: alergeno zerrenda margotzen du

* fix: justifikazioa kentzen du

* fix: maketazioa

* fix: responsive

* fix: maketazioa

* fix: responsive

* fix: nabigazio menuaren kokapena

front/src/components/Gainburua/Gainburua.tsx

@@ -133,7 +133,7 @@ const GainburuWrapper = styled.header`
 
 const Deskribapena = styled.p`
   margin-bottom: ${rem(size.xlarge)};
-  text-align: justify;
+  hyphens: auto;
 
   ${font.base()};
 

front/src/components/Gainburua/MugikorNabigazioa.tsx

@@ -101,7 +101,7 @@ const NabigazioaWrapper = styled.div`
   flex-direction: column;
   align-items: flex-end;
 
-  position: absolute;
+  position: fixed;
   top: 0;
   right: 0;
   min-width: 300px;