feat(infisical-pg): fixing minor compatiability issues with frontend and backend on identity

frontend/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/SecretTagsSection.tsx

@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
 import { PermissionDeniedBanner, ProjectPermissionCan } from "@app/components/permissions";
 import { Button, DeleteActionModal } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useProjectPermission } from "@app/context";
+import { ProjectPermissionActions, ProjectPermissionSub, useProjectPermission, useWorkspace } from "@app/context";
 import { usePopUp } from "@app/hooks";
 import { useDeleteWsTag } from "@app/hooks/api";
 
@@ -19,6 +19,7 @@ export const SecretTagsSection = (): JSX.Element => {
     "CreateSecretTag",
     "deleteTagConfirmation"
   ] as const);
+  const { currentWorkspace } = useWorkspace();
   const permission = useProjectPermission();
 
   const deleteWsTag = useDeleteWsTag();
@@ -26,6 +27,7 @@ export const SecretTagsSection = (): JSX.Element => {
   const onDeleteApproved = async () => {
     try {
       await deleteWsTag.mutateAsync({
+        projectId:currentWorkspace?.id || "",
         tagID: (popUp?.deleteTagConfirmation?.data as DeleteModalData)?.id
       });
 

frontend/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/WebhooksTab.tsx

@@ -195,7 +195,7 @@ export const WebhooksTab = withProjectPermission(
                         <Td className="max-w-xs overflow-hidden text-ellipsis hover:overflow-auto hover:break-all">
                           {url}
                         </Td>
-                        <Td>{environment}</Td>
+                        <Td>{environment.slug}</Td>
                         <Td>{secretPath}</Td>
                         <Td>
                           {!lastStatus ? (