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/check-winning-screen.tsx

@@ -90,7 +90,7 @@ export function CheckWinningScreen() {
 
   return (
     <PlayerPanel title={t("results.check.title")} backHref="/results" backLabel={t("results.title")}>
-      <div className="space-y-4">
+      <div className="space-y-3">
         <section className="overflow-hidden rounded-2xl border border-red-100 bg-white shadow-[0_12px_32px_rgba(15,23,42,0.06)]">
           <div className="bg-gradient-to-b from-red-50 to-white px-5 pb-5 pt-8 text-center">
             <div className="mx-auto flex size-24 items-center justify-center rounded-full bg-white text-[#e5002c] shadow-[0_18px_40px_rgba(229,0,44,0.14)]">
@@ -104,7 +104,7 @@ export function CheckWinningScreen() {
             </p>
           </div>
 
-          <div className="space-y-3 px-4 pb-4">
+          <div className="space-y-2.5 px-3 pb-3">
             <label className="block space-y-1.5">
               <span className="text-xs font-black text-slate-700">
                 {t("results.check.ticketNumber")}
@@ -265,7 +265,7 @@ function WinningResultDialog({
             <p className="font-black text-slate-950">
               {t("results.check.drawInfo")}
             </p>
-            <div className="mt-3 grid grid-cols-2 gap-4 text-slate-500">
+            <div className="mt-2.5 grid grid-cols-2 gap-3 text-slate-500">
               <div>
                 <p className="text-xs">{t("results.check.issueNo")}</p>
                 <p className="mt-1 font-mono font-black text-slate-900">{data.draw.draw_no}</p>