feat: Complete frontend i18n implementation for dashboard components

- Updated TypeScript types to support reasoning_data field
- Integrated useReasoningTranslation hook in all dashboard components:
  * ActionQueueCard: Translates PO reasoning_data and UI text
  * ProductionTimelineCard: Translates batch reasoning_data and UI text
  * OrchestrationSummaryCard: Translates all hardcoded English text
  * HealthStatusCard: Translates all hardcoded English text
- Added missing translation keys to all language files (EN, ES, EU):
  * health_status: never, critical_issues, actions_needed
  * action_queue: total, critical, important
  * orchestration_summary: ready_to_plan, run_info, took, show_more/less
  * production_timeline: Complete rebuild with new keys
- Components now support fallback for deprecated text fields
- Full multilingual support: English, Spanish, Basque

Dashboard is now fully translatable and will display reasoning in user's language.

frontend/src/components/dashboard/OrchestrationSummaryCard.tsx

@@ -24,6 +24,7 @@ import {
 } from 'lucide-react';
 import { OrchestrationSummary } from '../../api/hooks/newDashboard';
 import { formatDistanceToNow } from 'date-fns';
+import { useTranslation } from 'react-i18next';
 
 interface OrchestrationSummaryCardProps {
   summary: OrchestrationSummary;
@@ -32,6 +33,7 @@ interface OrchestrationSummaryCardProps {
 
 export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSummaryCardProps) {
   const [expanded, setExpanded] = useState(false);
+  const { t } = useTranslation('reasoning');
 
   if (loading) {
     return (
@@ -58,11 +60,11 @@ export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSumm
           <Bot className="w-10 h-10 text-blue-600 flex-shrink-0" />
           <div>
             <h3 className="text-lg font-bold text-blue-900 mb-2">
-              Ready to Plan Your Bakery Day
+              {t('jtbd.orchestration_summary.ready_to_plan')}
             </h3>
             <p className="text-blue-700 mb-4">{summary.message}</p>
             <button className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-semibold transition-colors duration-200">
-              Run Daily Planning
+              {t('jtbd.orchestration_summary.run_planning')}
             </button>
           </div>
         </div>
@@ -83,13 +85,17 @@ export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSumm
         </div>
         <div className="flex-1">
           <h2 className="text-2xl font-bold text-gray-900 mb-1">
-            Last Night I Planned Your Day
+            {t('jtbd.orchestration_summary.title')}
           </h2>
           <div className="flex items-center gap-2 text-sm text-gray-600">
             <Clock className="w-4 h-4" />
-            <span>Orchestration run #{summary.runNumber} • {runTime}</span>
+            <span>
+              {t('jtbd.orchestration_summary.run_info', { runNumber: summary.runNumber })} • {runTime}
+            </span>
             {summary.durationSeconds && (
-              <span className="text-gray-400">• Took {summary.durationSeconds}s</span>
+              <span className="text-gray-400">
+                • {t('jtbd.orchestration_summary.took', { seconds: summary.durationSeconds })}
+              </span>
             )}
           </div>
         </div>
@@ -101,8 +107,7 @@ export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSumm
           <div className="flex items-center gap-3 mb-3">
             <CheckCircle className="w-5 h-5 text-green-600" />
             <h3 className="font-bold text-gray-900">
-              Created {summary.purchaseOrdersCreated} purchase order
-              {summary.purchaseOrdersCreated !== 1 ? 's' : ''}
+              {t('jtbd.orchestration_summary.created_pos', { count: summary.purchaseOrdersCreated })}
             </h3>
           </div>
 
@@ -129,8 +134,9 @@ export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSumm
           <div className="flex items-center gap-3 mb-3">
             <CheckCircle className="w-5 h-5 text-green-600" />
             <h3 className="font-bold text-gray-900">
-              Scheduled {summary.productionBatchesCreated} production batch
-              {summary.productionBatchesCreated !== 1 ? 'es' : ''}
+              {t('jtbd.orchestration_summary.scheduled_batches', {
+                count: summary.productionBatchesCreated,
+              })}
             </h3>
           </div>
 
@@ -160,12 +166,14 @@ export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSumm
               {expanded ? (
                 <>
                   <ChevronUp className="w-4 h-4" />
-                  Show less
+                  {t('jtbd.orchestration_summary.show_less')}
                 </>
               ) : (
                 <>
                   <ChevronDown className="w-4 h-4" />
-                  Show {summary.productionBatchesSummary.length - 3} more
+                  {t('jtbd.orchestration_summary.show_more', {
+                    count: summary.productionBatchesSummary.length - 3,
+                  })}
                 </>
               )}
             </button>
@@ -178,7 +186,7 @@ export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSumm
         <div className="bg-white rounded-lg p-4 mb-4">
           <div className="flex items-center gap-3">
             <CheckCircle className="w-5 h-5 text-gray-400" />
-            <p className="text-gray-600">No new actions needed - everything is on track!</p>
+            <p className="text-gray-600">{t('jtbd.orchestration_summary.no_actions')}</p>
           </div>
         </div>
       )}
@@ -187,7 +195,7 @@ export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSumm
       <div className="bg-white/60 rounded-lg p-4">
         <div className="flex items-center gap-2 mb-3">
           <Brain className="w-5 h-5 text-purple-600" />
-          <h3 className="font-bold text-gray-900">Based on:</h3>
+          <h3 className="font-bold text-gray-900">{t('jtbd.orchestration_summary.based_on')}</h3>
         </div>
 
         <div className="grid grid-cols-2 gap-3 ml-7">
@@ -195,8 +203,9 @@ export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSumm
             <div className="flex items-center gap-2 text-sm">
               <Users className="w-4 h-4 text-gray-600" />
               <span className="text-gray-700">
-                {summary.reasoningInputs.customerOrders} customer order
-                {summary.reasoningInputs.customerOrders !== 1 ? 's' : ''}
+                {t('jtbd.orchestration_summary.customer_orders', {
+                  count: summary.reasoningInputs.customerOrders,
+                })}
               </span>
             </div>
           )}
@@ -204,21 +213,25 @@ export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSumm
           {summary.reasoningInputs.historicalDemand && (
             <div className="flex items-center gap-2 text-sm">
               <TrendingUp className="w-4 h-4 text-gray-600" />
-              <span className="text-gray-700">Historical demand</span>
+              <span className="text-gray-700">
+                {t('jtbd.orchestration_summary.historical_demand')}
+              </span>
             </div>
           )}
 
           {summary.reasoningInputs.inventoryLevels && (
             <div className="flex items-center gap-2 text-sm">
               <Package className="w-4 h-4 text-gray-600" />
-              <span className="text-gray-700">Inventory levels</span>
+              <span className="text-gray-700">{t('jtbd.orchestration_summary.inventory_levels')}</span>
             </div>
           )}
 
           {summary.reasoningInputs.aiInsights && (
             <div className="flex items-center gap-2 text-sm">
               <Brain className="w-4 h-4 text-purple-600" />
-              <span className="text-gray-700 font-medium">AI optimization</span>
+              <span className="text-gray-700 font-medium">
+                {t('jtbd.orchestration_summary.ai_optimization')}
+              </span>
             </div>
           )}
         </div>
@@ -230,8 +243,9 @@ export function OrchestrationSummaryCard({ summary, loading }: OrchestrationSumm
           <div className="flex items-center gap-2">
             <FileText className="w-5 h-5 text-amber-600" />
             <p className="text-sm font-medium text-amber-900">
-              {summary.userActionsRequired} item{summary.userActionsRequired !== 1 ? 's' : ''} need
-              {summary.userActionsRequired === 1 ? 's' : ''} your approval before proceeding
+              {t('jtbd.orchestration_summary.actions_required', {
+                count: summary.userActionsRequired,
+              })}
             </p>
           </div>
         </div>