feat(insights): InsightsScreen with InsightRow + EmptyState

src/screens/InsightsScreen.tsx

@@ -17,6 +17,8 @@ import {
   type TrainingInsight,
 } from '../training/trainingTypes';
 import { colors, spacing, typography } from '../theme';
+import { EmptyState } from '../components/EmptyState';
+import { InsightRow } from '../components/InsightRow';
 
 const CONTINUOUS_SAMPLE_LIMIT = 2_000;
 
@@ -129,7 +131,18 @@ export function InsightsScreen({
           <Text style={styles.matrixNote}>valor · status · leitura</Text>
         </View>
         {dashboard.rows.map((row, index) => (
-          <InstrumentMetricRow key={row.key} index={index + 1} row={row} />
+          <InsightRow
+            key={row.key}
+            detail={row.detail}
+            index={index + 1}
+            label={row.label}
+            statusLabel={row.statusLabel}
+            summary={row.summary}
+            testID={`insight-${row.key}`}
+            tone={row.tone}
+            unit={row.unit}
+            value={row.value}
+          />
         ))}
       </View>