feat: feat: animert logo (#45)

[ingrihka]

Beskrivelse

Ny animert logo som passer til notatbok-designet. Den gamle logoen var to statiske lapper laget bare med CSS. Den nye er en handlelapp der det tegnes haker, så det er tydelig at appen handler om handlelister.

Relaterte issues

Closes #45
(Må lukkes manuelt, siden PR-en merges til dev og ikke main.)

Endringer gjort

• Ny komponent components/logo/Logo.tsx: SVG-ikon og teksten «Handlelappen», og logoen lenker til forsiden
• Logo.css: De gamle .logo__mark-reglene er byttet ut med stiler for SVG-ikonet. .logo er uendret.
• To haker tegnes når siden lastes, og på nytt når musa er over logoen. Lappen vipper litt ved hover.
• Fargene hentes fra theme.css, så logoen følger lys og mørk modus
• prefers-reduced-motion: uten animasjon vises hakene med en gang
• Tilgjengelighet: aria-label på lenken, og ikonet har aria-hidden

Hva slags type fiks inneholder denne PR

• Bug fix
• Ny funksjonalitet
• Refactor
• Dokumentasjon
• Testing

Sjekkliste

• Testet lokalt i lys og mørk modus
• Dokumentert endringer
• Sjekket for feilmeldinger

Skjermbilder

Merknader

• Logoen brukes ikke på noen side ennå. Den legges inn i den felles headeren.
• Når React Router er på plass, bør <a href="/"> byttes med <Link to="/">.

[lindeav]

Kun design, men ser bra ut! Liker den nye logoen.