feat(MED-168): clean up types, show nested elements

app/home/(user)/(dashboard)/analysis-results/[id]/page.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import Link from 'next/link';
 import { redirect } from 'next/navigation';
 
@@ -64,8 +65,7 @@ export default async function AnalysisResultsPage({
               <Trans i18nKey="analysis-results:pageTitle" />
             </h4>
             <p className="text-muted-foreground text-sm">
-              {analysisResponse?.elements &&
-              analysisResponse.elements?.length > 0 ? (
+              {orderedAnalysisElements.length > 0 ? (
                 <Trans i18nKey="analysis-results:description" />
               ) : (
                 <Trans i18nKey="analysis-results:descriptionEmpty" />
@@ -106,7 +106,16 @@ export default async function AnalysisResultsPage({
         <div className="flex flex-col gap-2">
           {orderedAnalysisElements ? (
             orderedAnalysisElements.map((element, index) => (
-              <Analysis key={index} element={element} />
+              <React.Fragment key={element.analysisIdOriginal}>
+                <Analysis element={element} />
+                {element.results?.nestedElements?.map((nestedElement, nestedIndex) => (
+                  <Analysis
+                    key={`nested-${nestedElement.analysisElementOriginalId}-${nestedIndex}`}
+                    nestedElement={nestedElement}
+                    isNestedElement
+                  />
+                ))}
+              </React.Fragment>
             ))
           ) : (
             <div className="text-muted-foreground text-sm">