Fix type issues

frontend/package-lock.json

@@ -4,7 +4,6 @@
   "requires": true,
   "packages": {
     "": {
-      "name": "frontend",
       "dependencies": {
         "@casl/ability": "^6.5.0",
         "@casl/react": "^3.1.0",

frontend/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupMembersModal.tsx

@@ -2,7 +2,7 @@ import { useMemo,useState } from "react";
 import { faMagnifyingGlass,faUsers } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
+import { createNotification } from "@app/components/notifications";
 import { OrgPermissionCan } from "@app/components/permissions";
 import {
     Button,
@@ -39,7 +39,6 @@ export const OrgGroupMembersModal = ({
     handlePopUpToggle
 }: Props) => {
     const [searchMemberFilter, setSearchMemberFilter] = useState("");
-    const { createNotification } = useNotificationContext();
     
     const popUpData = popUp?.groupMembers?.data as {
         slug: string;

frontend/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupModal.tsx

@@ -3,7 +3,7 @@ import { Controller, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 
-import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
+import { createNotification } from "@app/components/notifications";
 import { Button, FormControl, Input, Modal, ModalContent, Select, SelectItem } from "@app/components/v2";
 import { useOrganization } from "@app/context";
 import {
@@ -33,7 +33,6 @@ export const OrgGroupModal = ({
   handlePopUpToggle
 }: Props) => {
     const { currentOrg } = useOrganization();
-    const { createNotification } = useNotificationContext();
     const { data: roles } = useGetOrgRoles(currentOrg?.id || "");
     const { mutateAsync: createMutateAsync, isLoading: createIsLoading } = useCreateGroup();
     const { mutateAsync: updateMutateAsync, isLoading: updateIsLoading } = useUpdateGroup();

frontend/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsSection.tsx

@@ -1,7 +1,7 @@
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
+import { createNotification } from "@app/components/notifications";
 import { OrgPermissionCan } from "@app/components/permissions";
 import {
     Button,
@@ -21,7 +21,6 @@ import { OrgGroupModal } from "./OrgGroupModal";
 import { OrgGroupsTable } from "./OrgGroupsTable";
 
 export const OrgGroupsSection = () => {
-    const { createNotification } = useNotificationContext();
     const { subscription } = useSubscription();
     const { mutateAsync: deleteMutateAsync } = useDeleteGroup();
         

frontend/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsTable.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { faMagnifyingGlass, faPencil, faUsers, faXmark } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
+import { createNotification } from "@app/components/notifications";
 import { OrgPermissionCan } from "@app/components/permissions";
 import {
   EmptyState,
@@ -52,7 +52,6 @@ type Props = {
 export const OrgGroupsTable = ({
     handlePopUpOpen
 }: Props) => {
-    const { createNotification } = useNotificationContext();
     const [searchGroupsFilter, setSearchGroupsFilter] = useState("");
     const { currentOrg } = useOrganization();
     const orgId = currentOrg?.id || "";

frontend/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupModal.tsx

@@ -4,7 +4,7 @@ import Link from "next/link";
 import { yupResolver } from "@hookform/resolvers/yup";
 import * as yup from "yup";
 
-import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
+import { createNotification } from "@app/components/notifications";
 import {
     Button,
     FormControl,
@@ -41,7 +41,6 @@ export const GroupModal = ({
     popUp,
     handlePopUpToggle
 }: Props) => {
-    const { createNotification } = useNotificationContext();
     const { currentOrg } = useOrganization();
     const { currentWorkspace } = useWorkspace();
 

frontend/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupRoles.tsx

@@ -6,7 +6,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { twMerge } from "tailwind-merge";
 import { z } from "zod";
 
-import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
+import { createNotification } from "@app/components/notifications";
 import {
   Button,
   Checkbox,
@@ -207,7 +207,6 @@ export const GroupRoles = ({
   groupSlug
 }: TMemberRolesProp) => {
   const { currentWorkspace } = useWorkspace();
-  const { createNotification } = useNotificationContext();
   const { popUp, handlePopUpToggle } = usePopUp(["editRole"] as const);
   const [searchRoles, setSearchRoles] = useState("");
 

frontend/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupsSection.tsx

@@ -1,7 +1,7 @@
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
+import { createNotification } from "@app/components/notifications";
 import { ProjectPermissionCan } from "@app/components/permissions";
 import {
     Button,
@@ -15,7 +15,6 @@ import { GroupModal } from "./GroupModal";
 import { GroupTable } from "./GroupsTable";
 
 export const GroupsSection = () => {
-    const { createNotification } = useNotificationContext();
     const { currentWorkspace } = useWorkspace();
 
     const workspaceId = currentWorkspace?.id ?? "";

frontend/src/views/Project/MembersPage/components/ProjectRoleListTab/components/ProjectRoleModifySection/SingleProjectPermission.tsx

@@ -15,6 +15,7 @@ type Props = {
   formName:
     | "role"
     | "member"
+    | "groups"
     | "integrations"
     | "webhooks"
     | "service-tokens"