style(ui): use coin icons for wallet actions

src/app/coins-rules/coins-rules-screen.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import {
-  Coins,
   Gift,
   ImageIcon,
   MessageCircle,
@@ -9,6 +8,7 @@ import {
   Phone,
   Sparkles,
 } from "lucide-react";
+import { FaCoins } from "react-icons/fa6";
 
 import { BackButton } from "@/app/_components";
 import { MobileShell } from "@/app/_components/core";
@@ -76,7 +76,7 @@ export function CoinsRulesScreen() {
 
           <div className={styles.hero}>
             <span className={styles.heroIcon} aria-hidden="true">
-              <Coins size={24} strokeWidth={2.4} />
+              <FaCoins size={24} />
             </span>
             <p className={styles.eyebrow}>Coins Guide</p>
             <h1 className={styles.title}>Coin Usage Rules</h1>