fix: address CodeRabbit review — i18n and Trigger Redemption CTA

- Replace hardcoded 'Trigger Redemption →' button with Link to /force-redemption
  and use tDetail('triggerRedemptionCta') for i18n compliance
- Add useTranslations to deployments/page.tsx ContractCard and replace
  hardcoded warning/danger status strings with tDeploy('warningStatus')
  and tDeploy('dangerStatus')
- Add triggerRedemptionCta, warningStatus, dangerStatus keys to en.json

Author: ankitkr104

app/deployments/[id]/DeploymentDetailClient.tsx

@@ -336,10 +336,13 @@ export default function DeploymentDetailClient({ id }: { id: string }) {
                     <p className="text-xs text-red-500 leading-5">
                       {tDetail("activeDesc")}
                     </p>
-                    <button className="flex items-center justify-center gap-2 w-full py-2.5 rounded-full bg-red-500 hover:bg-red-600 text-white text-xs font-bold transition">
+                    <Link
+                      href="/force-redemption"
+                      className="flex items-center justify-center gap-2 w-full py-2.5 rounded-full bg-red-500 hover:bg-red-600 text-white text-xs font-bold transition"
+                    >
                       <span className="h-1.5 w-1.5 rounded-full bg-white animate-ping flex-shrink-0" />
-                      Trigger Redemption →
-                    </button>
+                      {tDetail("triggerRedemptionCta")}
+                    </Link>
                   </div>
                 ) : d.status === "warning" ? (
                   <div className="rounded-xl bg-amber-50 border border-amber-200 p-4">

app/deployments/page.tsx

@@ -8,6 +8,7 @@ import Navbar from "@/components/Navbar";
 import type { RatioStatus, Deployment } from "@/lib/deployments-data";
 import { DEPLOYMENTS } from "@/lib/deployments-data";
 import { statusCfg, pct } from "@/lib/deployments-ui";
+import { useTranslations } from "@/lib/i18n";
 
 
 const CHAINS = [
@@ -53,6 +54,7 @@ function StatusBadge({ status }: { status: RatioStatus }) {
 /* ─── Contract Card — clean summary card, single Open button ─── */
 function ContractCard({ d }: { d: Deployment }) {
   const c = statusCfg(d.status);
+  const tDeploy = useTranslations("deployments");
   return (
     <div className={`rounded-xl border ${c.cardBorder} bg-[#fbf6ec] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 flex flex-col`}>
       <div className="m-3 rounded-lg bg-white shadow-sm flex flex-col flex-1 overflow-hidden">
@@ -110,12 +112,12 @@ function ContractCard({ d }: { d: Deployment }) {
           </Link>
           {d.status === "warning" && (
             <p className="text-[10px] text-amber-600 text-center font-medium">
-              ⚡ Approaching 150% threshold
+              {tDeploy("warningStatus")}
             </p>
           )}
           {d.status === "danger" && (
             <p className="text-[10px] text-red-500 text-center font-medium">
-              ⚠ Reserve below 150% — redemptions active
+              {tDeploy("dangerStatus")}
             </p>
           )}
         </div>

lib/i18n/locales/en.json

@@ -99,7 +99,12 @@
     "warning": "⚡ Warning",
     "warningDesc": "Approaching the 150% threshold. Monitor closely.",
     "notActive": "✓ Not Active",
-    "notActiveDesc": "Reserve ratio is healthy. Normal operations running."
+    "notActiveDesc": "Reserve ratio is healthy. Normal operations running.",
+    "triggerRedemptionCta": "Trigger Redemption →"
+  },
+  "deployments": {
+    "warningStatus": "⚡ Approaching 150% threshold",
+    "dangerStatus": "⚠ Reserve below 150% — redemptions active"
   },
   "footer": {
     "desc": "Next-generation stablecoin protocol.",