feat: deal group and stuff

src/main.tsx

@@ -1,5 +1,5 @@
 import ReactDOM from "react-dom/client";
-import { RouterProvider, createRouter } from "@tanstack/react-router";
+import { createRouter, RouterProvider } from "@tanstack/react-router";
 import { routeTree } from "./routeTree.gen";
 import { MantineProvider } from "@mantine/core";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -10,6 +10,8 @@ import "@mantine/core/styles.css";
 import "@mantine/notifications/styles.css";
 import "@mantine/dates/styles.css";
 import "mantine-react-table/styles.css";
+import "mantine-contextmenu/styles.css";
+
 
 import "dayjs/locale/ru";
 
@@ -20,6 +22,7 @@ import { OpenAPI } from "./client";
 import { DatesProvider } from "@mantine/dates";
 import { modals } from "./modals/modals.ts";
 import TasksProvider from "./providers/TasksProvider/TasksProvider.tsx";
+import { ContextMenuProvider } from "mantine-contextmenu";
 
 // Configuring router
 const router = createRouter({ routeTree });
@@ -42,22 +45,25 @@ const queryClient = new QueryClient();
 OpenAPI.BASE = import.meta.env.VITE_API_URL;
 OpenAPI.TOKEN = JSON.parse(localStorage.getItem("authState") || "{}")[
     "accessToken"
-];
+    ];
 ReactDOM.createRoot(document.getElementById("root")!).render(
     <Provider store={store}>
         <QueryClientProvider client={queryClient}>
             <MantineProvider defaultColorScheme={"dark"}>
-                <ModalsProvider
-                    labels={{ confirm: "Да", cancel: "Нет" }}
-                    modals={modals}>
-                    <DatesProvider settings={{ locale: "ru" }}>
-                        <TasksProvider>
-                            <RouterProvider router={router} />
-                            <Notifications />
-                        </TasksProvider>
-                    </DatesProvider>
-                </ModalsProvider>
+                <ContextMenuProvider>
+
+                    <ModalsProvider
+                        labels={{ confirm: "Да", cancel: "Нет" }}
+                        modals={modals}>
+                        <DatesProvider settings={{ locale: "ru" }}>
+                            <TasksProvider>
+                                <RouterProvider router={router} />
+                                <Notifications />
+                            </TasksProvider>
+                        </DatesProvider>
+                    </ModalsProvider>
+                </ContextMenuProvider>
             </MantineProvider>
         </QueryClientProvider>
-    </Provider>
+    </Provider>,
 );