feat(sidebar): show free chat allowance

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

@@ -13,6 +13,10 @@ import { BackButton } from "@/app/_components";
 import { MobileShell } from "@/app/_components/core";
 import { ROUTES } from "@/router/routes";
 
+import {
+  FREE_PRIVATE_MESSAGE_LABEL,
+  FREE_STANDARD_CHAT_LABEL,
+} from "./coins-rules.constants";
 import styles from "./coins-rules-screen.module.css";
 
 interface CoinRuleItem {
@@ -26,13 +30,13 @@ const COIN_RULES: readonly CoinRuleItem[] = [
   {
     title: "Standard Chat",
     cost: "2 coins / message",
-    free: "50 free messages weekly",
+    free: FREE_STANDARD_CHAT_LABEL,
     icon: MessageCircle,
   },
   {
     title: "Private Chat",
     cost: "10 coins / message",
-    free: "1 free message daily",
+    free: FREE_PRIVATE_MESSAGE_LABEL,
     icon: Sparkles,
   },
   {
@@ -92,8 +96,8 @@ export function CoinsRulesScreen() {
           <div>
             <h2 className={styles.freeTitle}>Free Allowance</h2>
             <p className={styles.freeText}>
-              Standard chat includes 50 free messages weekly. Private chat
-              includes 1 free message daily.
+              Standard chat includes {FREE_STANDARD_CHAT_LABEL}. Private chat
+              includes {FREE_PRIVATE_MESSAGE_LABEL}.
             </p>
           </div>
         </section>