copy: show RSS3 unit on claim amount

Author: DIYgod

app/globals.css

@@ -1644,11 +1644,20 @@ body.page--article h1 {
 }
 
 .claim-amount__primary {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 0.45rem;
   font-variant-numeric: tabular-nums;
   font-size: clamp(1.3rem, 2.3vw, 1.7rem);
   font-weight: 700;
 }
 
+.claim-amount__unit {
+  color: var(--muted);
+  font-size: 0.78em;
+  font-weight: 650;
+}
+
 .muted {
   color: var(--muted);
   font-size: 0.92rem;

app/migration/ClaimClient.jsx

@@ -300,6 +300,7 @@ export default function ClaimClient() {
               <div className="claim-amount">
                 <div className="claim-amount__primary">
                   <span>{claimableHuman}</span>
+                  <span className="claim-amount__unit">$RSS3</span>
                 </div>
               </div>
             </div>

app/migration/ClaimIsland.jsx

@@ -37,6 +37,7 @@ function ClaimFallback() {
               <div className="claim-amount">
                 <div className="claim-amount__primary">
                   <span>0</span>
+                  <span className="claim-amount__unit">$RSS3</span>
                 </div>
               </div>
             </div>