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/player/entry-gate.tsx

@@ -256,7 +256,7 @@ export function EntryGate() {
         </div>
       </div>
 
-      <div className="flex flex-1 flex-col px-4 py-6">
+      <div className="flex flex-1 flex-col px-3 py-5">
         {phase === "loading" ? (
           <div className="mx-auto w-full max-w-md">
             <div className="mb-6 flex items-center gap-2">
@@ -279,7 +279,7 @@ export function EntryGate() {
               </div>
             </div>
 
-            <div className="space-y-4">
+            <div className="space-y-3">
               {steps.map((step) => (
                 <div key={step.id} className="flex items-start gap-3">
                   <div