✨ Add app details: Include a list of targets the project was checked against

client/public/locales/en/translation.json

@@ -477,6 +477,7 @@
     "tagsAssessment": "Assessment Tags",
     "tagsCriteria": "Criteria Tags",
     "target": "Target",
+    "targets": "Targets",
     "tagCategory": "Tag category",
     "tagCategoryDeleted": "Tag category deleted",
     "tagCategories": "Tag categories",

client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx

@@ -64,7 +64,7 @@ import { Paths } from "@app/Paths";
 import { useFetchArchetypes } from "@app/queries/archetypes";
 import { useFetchAssessments } from "@app/queries/assessments";
 import { DecoratedApplication } from "../../applications-table/useDecoratedApplications";
-import { TaskStates } from "@app/queries/tasks";
+import { TaskStates, useFetchTaskByID } from "@app/queries/tasks";
 
 export interface IApplicationDetailDrawerProps
   extends Pick<IPageDrawerContentProps, "onCloseClick"> {
@@ -182,6 +182,13 @@ const TabDetailsContent: React.FC<{
         .filter((fullArchetype) => fullArchetype?.review)
         .filter(Boolean);
 
+  const { task, isFetching, fetchError, refetch } = useFetchTaskByID(
+    application.tasks.currentAnalyzer?.id
+  );
+  const targets = task?.data?.rules?.labels?.included.filter((t) =>
+    t.startsWith("konveyor.io/target=")
+  );
+
   return (
     <>
       <TextContent className={`${spacing.mtMd} ${spacing.mbMd}`}>
@@ -303,6 +310,12 @@ const TabDetailsContent: React.FC<{
         onEditClick={onEditClick}
         onCloseClick={onCloseClick}
       />
+      <TextContent className={spacing.mtLg}>
+        <Title headingLevel="h3" size="md">
+          {t("terms.targets")}
+        </Title>
+        {targets?.map((t) => <Text component="small">{t}</Text>)}
+      </TextContent>
     </>
   );
 };