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

@@ -140,10 +140,10 @@ export function WalletScreen() {
   }, [hasMore, loadMore, loading, loadingMore, logsLoading]);
 
   return (
-    <PlayerPanel title={t("wallet.title")} subtitle={t("wallet.subtitle")} eyebrow={t("brand.name")}>
-      <div className="space-y-4">
+    <PlayerPanel title={t("wallet.title")}>
+      <div className="space-y-3">
         {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"
@@ -155,7 +155,7 @@ export function WalletScreen() {
           </div>
         ) : null}
 
-        <section className="relative overflow-hidden rounded-xl bg-[#e5002c] px-4 py-5 text-white shadow-[0_10px_28px_rgba(229,0,44,0.25)]">
+        <section className="relative overflow-hidden rounded-xl bg-[#e5002c] px-3 py-4 text-white shadow-[0_10px_28px_rgba(229,0,44,0.25)]">
           <Image
             src="/entry/image5.png"
             alt=""