feat: add grid display for NLU values based on types of NLU entity

frontend/src/components/nlp/components/NlpValue.tsx

@@ -81,6 +81,7 @@ export const NlpValues = ({ entityId }: { entityId: string }) => {
     },
   });
   const [selectedNlpValues, setSelectedNlpValues] = useState<string[]>([]);
+  const shouldIncludeSynonyms = nlpEntity?.lookups.includes("keywords");
   const actionColumns = useActionColumns<INlpValue>(
     EntityType.NLP_VALUE,
     [
@@ -102,6 +103,19 @@ export const NlpValues = ({ entityId }: { entityId: string }) => {
     ],
     t("label.operations"),
   );
+  const synonymsColumn =  {
+    flex: 3,
+    field: "synonyms",
+    headerName: t("label.synonyms"),
+    sortable: true,
+    renderCell: (params) => {
+      return params.row?.expressions?.map((exp, index) => (
+        <Chip sx={{ margin: 0.8 }} label={exp} variant="inbox" key={index} />
+      ));
+    },
+    disableColumnMenu: true,
+    renderHeader,
+  };
   const columns: GridColDef<INlpValue>[] = [
     {
       flex: 3,
@@ -111,20 +125,7 @@ export const NlpValues = ({ entityId }: { entityId: string }) => {
       disableColumnMenu: true,
       renderHeader,
     },
-    {
+    ...(shouldIncludeSynonyms ? [synonymsColumn] : []),
-      flex: 3,
-      field: "synonyms",
-      headerName: t("label.synonyms"),
-      sortable: true,
-      renderCell: (params) => {
-        return params.row?.expressions?.map((exp, index) => (
-          <Chip sx={{ margin: 0.8 }} label={exp} variant="inbox" key={index} />
-        ));
-      },
-      disableColumnMenu: true,
-      renderHeader,
-    },
-
     {
       maxWidth: 140,
       field: "createdAt",