Nu kan jeg se problemet tydeligt. Voucher-kortene renderes som <Card> inde i en <Card> (linje 615 er en <Card> inden i CardContent fra linje 606), hvilket skaber de gentagne/indlejrede bokse. Lad mig fixe det ved at fjerne det ydre Card-wrap og lave voucherkortet som et simpelt div med border:

Problemet var at hvert voucher-kort var et <Card> element indeni <CardContent> fra det ydre card, hvilket skabte dobbelte bokse med ekstra padding og border. Jeg har erstattet det indre <Card><CardContent> med en simpel <div> med rounded-lg border border-border p-4, så der nu kun er ét lag. Jeg fjernede også emoji-præfiks fra badge-typerne da det kan give rendering-problemer.

I can see admin-content.tsx imports and uses VouchersTab. Let me check if the vouchers tab is also being rendered directly somewhere else:

Found it — there are two <TabsContent value="vouchers"> blocks at lines 1421 and 1431, each with its own <VouchersTab>. Let me read that section:

Klart — der er to <TabsContent value="vouchers"> blokke. Jeg fjerner den duplikerede:

Problemet var at der var to <TabsContent value="vouchers"> blokke i admin-content.tsx — én på linje 1421 og én på linje 1431 — hvilket fik indholdet til at blive vist dobbelt. Jeg har fjernet den duplikerede blok og beholdt den originale med currentUser={currentProfile}.