[STYLE] Tilpasse layout for desktop og mobil

[sebasti]

Beskrivelse
Gi appen en ryddig og responsiv utforming. Innhold og kontroller skal være tilgjengelige på desktop og mobil i både stående og liggende format.

Berører appens CSS og nødvendige layoutjusteringer i komponentene.

Akseptansekriterier

• Layouten fungerer på desktop og mobil i både høyde- og breddeformat.
• Landkort, kontroller og navigasjon tilpasser seg skjermbredden.
• Siden har ikke utilsiktet horisontal scrolling.
• Lange landnavn, flere språk og store tall bryter ikke layouten.
• Flagg beholder proporsjonene og tilpasses tilgjengelig plass.
• Tekst, avstander, knapper og favorittstatus er visuelt konsekvente.
• Lastetilstand, feilmeldinger og tomme resultater passer inn i layouten.
• Kun vanlig CSS og egenutviklede UI-komponenter brukes.
• Kontrollerte skjermstørrelser og enheter er dokumentert.

Definition of Done

• Koden er pushet til riktig branch.
• npm run build kjører uten feil.
• npm run lint kjører uten feil.
• npm run format:check kjører uten feil, eller npm run format er kjørt.
• Endringen er testet manuelt i appen ved behov.
• Dokumentasjon er oppdatert ved behov.
• PR er koblet til riktig issue.