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-results-list-screen.tsx

@@ -108,8 +108,8 @@ export function DrawResultsListScreen() {
   }, [fetchList, lastPage, loading, loadingMore, page]);
 
   return (
-    <PlayerPanel title={t("results.title")} subtitle={t("results.subtitle")} eyebrow={t("brand.name")}>
-      <div className="space-y-4">
+    <PlayerPanel title={t("results.title")}>
+      <div className="space-y-3">
         <JackpotResultsStrip currencyCode={jackpotCurrency} />
 
         <div className="rounded-xl border border-[#e6edf8] bg-[#f8fbff] p-3">
@@ -215,7 +215,7 @@ export function DrawResultsListScreen() {
             <Skeleton className="h-28 rounded-xl" />
           </div>
         ) : error ? (
-          <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}</p>
             <Button
               type="button"
@@ -227,7 +227,7 @@ export function DrawResultsListScreen() {
             </Button>
           </div>
         ) : items && items.length === 0 ? (
-          <div className="rounded-xl border border-dashed border-[#dce7f7] bg-[#f8fbff] px-4 py-10 text-center text-sm text-slate-500">
+          <div className="rounded-xl border border-dashed border-[#dce7f7] bg-[#f8fbff] px-3 py-8 text-center text-sm text-slate-500">
             {t("results.empty")}
           </div>
         ) : (