## **Beskrivelse**

Endringene legger til grunnleggende UI-komponenter for nettsiden, inkludert en ny header med logo, og en hovedside med midlertidig skjema. Oppdateringer i styling inkluderer nye variabler for enklere vedlikehold og tematisk tilpasning.
Endringene gjør at appen nå har en konsistent toppnavigasjon og en ramme for skjema som kan bygges videre på.

Skjemaet som er lagt inn på hovedsiden er kun midlertidig, for å legge til rette for videre utvikling av siden rundt. Det vil bli erstattet med en fullverdig skjema-komponent i kommende arbeid.

## **Endringer**
- Oppdatert index.html med tilpasset tittel, beskrivelse og lang-attributt
- Lagt til styling-variabler i index.less
- Laget enkel logo-komponent (.tsx)
- Laget header-komponent
- Laget hovedside med midlertidig skjemaform
- Lagt til Header og MainPage i App.tsx
- Fjernet gammel styling-fil App.less

## **Skjermbilde - desktop horizontal**
![image](<https://github.com/user-attachments/assets/93377f57-43ef-4b61-99b4-0a9ab622ef6c>)

## **Skjermbilde - mobile vertical**
![image](<https://github.com/user-attachments/assets/a048cec8-3458-40c8-9883-6ba286bc0b2a>)

## **Skjermbilde - mobile vertical - browser settings font very large**
![image](<https://github.com/user-attachments/assets/2d2c0677-2644-4f59-b600-66b2cd49d750>)

## **Skjermbilde - mobile horizontal**
![image](<https://github.com/user-attachments/assets/e0d0f255-9d51-4d81-b6eb-66e67dccc500>)

## **Testing**
- [x] Testet responsivitet på mobil, nettbrett og desktop.
- [x] Testet tekst-til-tale.
- [x] Verifisert fargekontraster.