Sign in mechanism

src/providers/index.tsx

@@ -1,7 +1,8 @@
 "use client";
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { Provider } from "jotai";
+import { Provider as JotaiProvider } from "jotai";
+import { SessionProvider } from "next-auth/react";
 
 import { useDynamicViewportUnits } from "@/hooks/useDynamicViewportUnits";
 
@@ -9,9 +10,14 @@ export default function Providers({ children }: { children: React.ReactNode }) {
   const queryClient = new QueryClient();
 
   useDynamicViewportUnits();
+
   return (
-    <Provider>
-      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-    </Provider>
+    <SessionProvider>
+      <JotaiProvider>
+        <QueryClientProvider client={queryClient}>
+          {children}
+        </QueryClientProvider>
+      </JotaiProvider>
+    </SessionProvider>
   );
 }