feat(sidebar): show free chat allowance

src/app/sidebar/components/sidebar-wallet-card.tsx

@@ -2,6 +2,11 @@
 
 import { FaCoins } from "react-icons/fa6";
 
+import {
+  FREE_PRIVATE_MESSAGE_DAILY_COUNT,
+  FREE_STANDARD_CHAT_DAILY_COUNT,
+} from "@/app/coins-rules/coins-rules.constants";
+
 import styles from "./sidebar-wallet-card.module.css";
 
 export interface SidebarWalletCardProps {
@@ -58,6 +63,20 @@ export function SidebarWalletCard({
           Top Up
         </button>
       </div>
+
+      <div className={styles.freeAllowance} aria-label="Free allowance">
+        <p className={styles.freeAllowanceTitle}>Free Allowance</p>
+        <div className={styles.freeAllowanceItems}>
+          <span className={styles.freeAllowanceItem}>
+            <strong>{FREE_STANDARD_CHAT_DAILY_COUNT}</strong>
+            <span> chats / day</span>
+          </span>
+          <span className={styles.freeAllowanceItem}>
+            <strong>{FREE_PRIVATE_MESSAGE_DAILY_COUNT}</strong>
+            <span> private / day</span>
+          </span>
+        </div>
+      </div>
     </section>
   );
 }