fix: task-4 review round 1 (soon-constant, computed status, id guard)

app/vouchers/[id]/page.tsx

@@ -2,6 +2,7 @@
 import { use, useEffect, useState } from "react";
 import Link from "next/link";
 import { formatEuro } from "@/lib/vouchers";
+import { getVoucherStatus } from "@/lib/voucher-status";
 
 type Voucher = {
   id: number;
@@ -56,7 +57,7 @@ export default function VoucherDetailPage({ params }: { params: Promise<{ id: st
         <div><dt className="font-medium">Anbieter</dt><dd>{v.anbieter}</dd></div>
         <div><dt className="font-medium">Wert</dt><dd>{formatEuro(v.wertCents)}</dd></div>
         <div><dt className="font-medium">Rest</dt><dd>{formatEuro(v.restCents)}</dd></div>
-        <div><dt className="font-medium">Status</dt><dd>{v.status}</dd></div>
+        <div><dt className="font-medium">Status</dt><dd>{getVoucherStatus({ status: v.status, ablaufdatum: v.ablaufdatum ? new Date(v.ablaufdatum) : null })}</dd></div>
         {v.ablaufdatum && <div><dt className="font-medium">Ablaufdatum</dt><dd>{new Date(v.ablaufdatum).toLocaleDateString("de-DE")}</dd></div>}
         {v.codeText && <div><dt className="font-medium">Code</dt><dd>{v.codeText}</dd></div>}
         {v.kategorie && <div><dt className="font-medium">Kategorie</dt><dd>{v.kategorie}</dd></div>}