Update Owliver language and suggestions

src/components/forge/ForgeInsight.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ArrowRight, Sparkles } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 
 /**
  * Forge Insight — AI Career Insight Card
@@ -13,6 +14,7 @@ interface ForgeInsightProps {
 }
 
 export function ForgeInsight({ headline, detail, highlight, actionLabel, onAction }: ForgeInsightProps) {
+  const { t } = useTranslation();
   return (
     <aside className="relative overflow-hidden rounded-2xl border border-blue-500/30 bg-gradient-to-r from-blue-50/80 via-surface to-indigo-50/30 dark:from-blue-950/40 dark:via-surface dark:to-indigo-950/30 p-5 shadow-xs">
       <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
@@ -20,12 +22,12 @@ export function ForgeInsight({ headline, detail, highlight, actionLabel, onActio
           <div className="flex items-center gap-2">
             <Sparkles className="h-4 w-4 text-blue-600 dark:text-blue-400" />
             <span className="text-[11px] font-bold uppercase tracking-wider text-blue-600 dark:text-blue-400">
-              KROW Forge Insight
+              {t('forgeInsight.krowForgeInsight')}
             </span>
           </div>
           <p className="font-heading text-body-lg font-bold text-ink-1">{headline}</p>
           <p className="max-w-2xl text-body-sm leading-relaxed text-ink-3">
-            Next best skill: <span className="font-semibold text-blue-600 dark:text-blue-400">{highlight}</span>. {detail}
+            {t('forgeInsight.nextBestSkill')} <span className="font-semibold text-blue-600 dark:text-blue-400">{highlight}</span>. {detail}
           </p>
         </div>