feat(tip): enlarge and simplify payment interface

src/app/tip/tip-screen.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, type CSSProperties } from "react";
+import { useEffect } from "react";
 
 import { BackButton, CharacterAvatar } from "@/app/_components";
 import { MobileShell } from "@/app/_components/core";
@@ -201,15 +201,7 @@ export function TipScreen({
 
   return (
     <MobileShell background="#fff5ed">
-      <main
-        className={styles.shell}
-        style={
-          {
-            "--tip-cover-image": `url("${character.assets.cover}")`,
-          } as CSSProperties
-        }
-      >
-        <div className={styles.bgImage} aria-hidden="true" />
+      <main className={styles.shell}>
         <div className={styles.bgGlowOne} aria-hidden="true" />
         <div className={styles.bgGlowTwo} aria-hidden="true" />
 
@@ -217,6 +209,7 @@ export function TipScreen({
           <BackButton
             href={characterRoutes.splash}
             variant="soft"
+            iconSize={28}
             ariaLabel="Back to character home"
             analyticsKey="tip.back_to_splash"
           />
@@ -229,7 +222,7 @@ export function TipScreen({
                 src={character.assets.avatar}
                 alt={character.displayName}
                 size="100%"
-                imageSize={44}
+                imageSize={52}
                 priority
               />
             </div>