Implementasjon av gjenbrukbar FeedbackCard for ThreatActor

[nikitar]

Beskrivelse

Tidligere hadde ThreatActor-sidene ganske enkel håndtering av loading, error og empty states. Derfor har jeg opprettet en gjenbrukbar FeedbackCard-komponent som gir brukeren tydeligere tilbakemeldinger når data lastes, en forespørsel feiler eller ingen resultater blir funnet.

Målet er å forbedre brukeropplevelsen, redusere duplisert kode og gjøre det enklere å bruke samme løsning på andre sider senere.

Opprettet FeedbackCard.tsx og tilhørende CSS:

• Støtter loading, error og empty tilstander
• Man kan skrive en custom melding i errorcard bassert på feilen, via props som blir sendt inn i FeedbackCard
• Bruker ulike icons

ThreatActor

• Erstattet tidligere loading- og feilmeldinger med FeedbackCard.
• Gjelder både filteroptions query og threatactor grid query

ThreatActorDetailed

• Erstattet tidligere loading- og feilmeldinger med FeedbackCard.
• Jeg har også lagt til separat håndtering av loading og error for Associated Techniques og Associated Software.

KI deklarasjon

• KI genererte css filer ettersom dette vil refaktores uansett senere og jeg ville ikke prioritere css i denne fasen
• Brukte KI til å hjelpe å opprette en generell errorcard, der hvor jeg fikk tilbakemelding på min implementasjon underveis og bygget en fungerende card. KI generert kode ble brukt i implementasjonen
• Riktig implementasjon av FeedBack cards i ThreatActor og ThreatActorDetailed ble sikret og forbedret av KI. Altså opprette passende Ternary Operators.

Closes #78

[daniekba]

Stor fan av endringene, akkurat sånn jeg så det for meg også