🐛 Fix risk filter in reports tab (#1854) (#1879)

Solves [MTA-2652](https://issues.redhat.com/browse/MTA-2652)


[39263239-0a8e-4e33-85e2-3178fde2b0d9.webm](https://github.com/konveyor/tackle2-ui/assets/117646518/a499d388-a9a3-4780-a497-f21fb1ba85a9)

Signed-off-by: Alejandro Brugarolas <abrugaro@redhat.com>
Co-authored-by: Ian Bolton <ibolton@redhat.com>
Co-authored-by: Scott Dickerson <sdickers@redhat.com>
Signed-off-by: Cherry Picker <noreply@github.com>

client/src/app/pages/reports/components/identified-risks-table/identified-risks-table.tsx

@@ -51,6 +51,13 @@ export const IdentifiedRisksTable: React.FC<IIdentifiedRisksTableProps> = ({
 }) => {
   const { t } = useTranslation();
 
+  const riskLevelLabelMapping = {
+    red: t("risks.high"),
+    yellow: t("risks.medium"),
+    green: t("risks.low"),
+    unknown: t("risks.unknown"),
+  };
+
   const { assessmentsWithArchetypeApplications } =
     useFetchAssessmentsWithArchetypeApplications();
 
@@ -242,15 +249,14 @@ export const IdentifiedRisksTable: React.FC<IIdentifiedRisksTableProps> = ({
         getItemValue: (item: ITableRowData) => {
           const riskKey = item.answer.risk;
           const riskValue =
-            riskLevelMapping[riskKey as keyof typeof riskLevelMapping];
+            riskLevelLabelMapping[
+              riskKey as keyof typeof riskLevelLabelMapping
+            ];
           return riskValue.toString();
         },
-        selectOptions: [
-          { value: "3", label: "High" },
-          { value: "2", label: "Medium" },
-          { value: "1", label: "Low" },
-          { value: "0", label: "Unknown" },
-        ],
+        selectOptions: Object.values(riskLevelLabelMapping).map((riskName) => {
+          return { value: riskName, label: riskName };
+        }),
       },
     ],
     initialItemsPerPage: 10,