fix(tip): remove coffee tier labels

src/app/tip/__tests__/tip-coffee-tier-selector.test.tsx

@@ -14,21 +14,18 @@ import {
 const items: readonly TipCoffeeTierItem[] = [
   {
     type: "small",
-    tierLabel: "Small",
     displayName: "Velvet Espresso",
     priceLabel: "US$ 4.99",
     unavailable: false,
   },
   {
     type: "medium",
-    tierLabel: "Medium",
     displayName: "Golden Reserve",
     priceLabel: "US$ 9.99",
     unavailable: false,
   },
   {
     type: "large",
-    tierLabel: "Large",
     displayName: "Imperial Grand Cru",
     priceLabel: "US$ 19.99",
     unavailable: false,

src/app/tip/tip-coffee-tier-selector.tsx

@@ -6,7 +6,6 @@ import styles from "./tip-screen.module.css";
 
 export interface TipCoffeeTierItem {
   type: TipCoffeeType;
-  tierLabel: string;
   displayName: string;
   priceLabel: string;
   unavailable: boolean;
@@ -51,7 +50,6 @@ export function TipCoffeeTierSelector({
                 onChange={() => onChange(item.type)}
               />
               <span className={styles.tierDetails}>
-                <span className={styles.tierLabel}>{item.tierLabel}</span>
                 <span className={styles.tierName}>{item.displayName}</span>
               </span>
               <span className={styles.tierPriceBlock}>

src/app/tip/tip-screen.module.css

@@ -330,14 +330,6 @@
   gap: 4px;
 }
 
-.tierLabel {
-  color: #a36d73;
-  font-size: 10px;
-  font-weight: 900;
-  letter-spacing: 0.13em;
-  text-transform: uppercase;
-}
-
 .tierName {
   overflow: hidden;
   color: #2a1b1e;

src/app/tip/tip-screen.tsx

@@ -86,7 +86,6 @@ export function TipScreen({
     () =>
       coffeeTiers.map(({ option, plan }) => ({
         type: option.type,
-        tierLabel: option.tierLabel,
         displayName: option.displayName,
         priceLabel: formatTipPrice(plan, option.type),
         unavailable: