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/hall/hall-wallet-strip.tsx

@@ -86,10 +86,10 @@ export function HallWalletStrip() {
   const availableMinor = Number(balance?.available_balance ?? 0);
 
   return (
-    <section className="mb-4 space-y-3" aria-label={t("wallet.balance")}>
+    <section className="mb-3 space-y-2.5" aria-label={t("wallet.balance")}>
       <div
         className={cn(
-          "relative overflow-hidden rounded-xl bg-[#e5002c] px-4 py-4 text-white shadow-[0_10px_28px_rgba(229,0,44,0.25)]",
+          "relative overflow-hidden rounded-xl bg-[#e5002c] px-3 py-3 text-white shadow-[0_10px_28px_rgba(229,0,44,0.25)]",
         )}
       >
         <Image
@@ -116,7 +116,7 @@ export function HallWalletStrip() {
         </div>
       </div>
 
-      <div className="grid grid-cols-2 gap-3">
+      <div className="grid grid-cols-2 gap-2.5">
         <TransferInDialog
           idPrefix="hall-"
           triggerVariant="hall"