feat: enhance UI consistency and improve spacing across components

- Added styles for player-side toast notifications to improve user feedback.
- Adjusted padding and spacing in various components for a more cohesive layout.
- Updated card and dialog components to streamline visual hierarchy and enhance readability.
- Refactored player panel and navigation elements for better alignment and user experience.

src/features/results/draw-result-detail-screen.tsx

@@ -108,12 +108,10 @@ export function DrawResultDetailScreen({ drawNo }: DrawResultDetailScreenProps)
     return (
       <PlayerPanel
         title={t("results.detailTitle")}
-        subtitle={drawNo}
-        eyebrow={t("results.title")}
         backHref="/results"
         backLabel={t("results.title")}
       >
-        <div className="space-y-4">
+        <div className="space-y-3">
           <Skeleton className="h-12 rounded-xl" />
           <Skeleton className="h-56 rounded-xl" />
         </div>
@@ -125,12 +123,10 @@ export function DrawResultDetailScreen({ drawNo }: DrawResultDetailScreenProps)
     return (
       <PlayerPanel
         title={t("results.detailTitle")}
-        subtitle={drawNo}
-        eyebrow={t("results.title")}
         backHref="/results"
         backLabel={t("results.title")}
       >
-        <div className="rounded-xl border border-red-200 bg-red-50 px-4 py-4 text-sm text-red-700">
+        <div className="rounded-xl border border-red-200 bg-red-50 px-3 py-3 text-sm text-red-700">
           <p>{error ?? t("results.noData")}</p>
           <Button type="button" size="sm" variant="secondary" onClick={() => void load()}>
             {t("actions.retry")}
@@ -156,12 +152,10 @@ export function DrawResultDetailScreen({ drawNo }: DrawResultDetailScreenProps)
   return (
     <PlayerPanel
       title={t("results.detailTitle")}
-      subtitle={data.draw_no}
-      eyebrow={t("results.title")}
       backHref="/results"
       backLabel={t("results.title")}
     >
-      <div className="flex flex-col gap-4">
+      <div className="flex flex-col gap-3">
         <JackpotResultsStrip currencyCode={currency} />
 
         <Card className="overflow-hidden border-[#e5edf8] bg-white shadow-[0_10px_28px_rgba(15,23,42,0.06)]">
@@ -209,7 +203,7 @@ export function DrawResultDetailScreen({ drawNo }: DrawResultDetailScreenProps)
               )}
             </div>
           </CardHeader>
-          <CardContent className="space-y-4 pt-4">
+          <CardContent className="space-y-3 pt-3">
             <div className="rounded-xl border border-[#e8eef7] bg-[#f8fbff] p-3 shadow-[0_4px_14px_rgba(15,23,42,0.04)]">
               <div className="flex items-center justify-between gap-2">
                 <p className="text-sm font-black text-[#0b3f96]">