refactor: replace js-cookie auth with new auth client and remove unused packages from web package (#50)

apps/web/package.json

@@ -31,8 +31,6 @@
     "aws-sdk": "^2.1692.0",
     "date-fns": "^4.1.0",
     "geist": "^1.3.1",
-    "js-cookie": "^3.0.5",
-    "jwt-decode": "^4.0.0",
     "next": "^14.2.15",
     "next-logger": "^5.0.1",
     "next-runtime-env": "^1.7.2",
@@ -55,7 +53,6 @@
     "@kan/stripe": "workspace:*",
     "@kan/tailwind-config": "workspace:*",
     "@kan/tsconfig": "workspace:*",
-    "@types/js-cookie": "^3.0.6",
     "@types/node": "^20.17.7",
     "@types/react": "catalog:react18",
     "@types/react-beautiful-dnd": "^13.1.7",

apps/web/src/views/home/components/Layout.tsx

@@ -1,22 +1,15 @@
-import Cookies from "js-cookie";
-
 import PatternedBackground from "~/components/PatternedBackground";
 import { useTheme } from "~/providers/theme";
-import { api } from "~/utils/api";
 import Footer from "./Footer";
 import Header from "./Header";
+import { authClient } from "@kan/auth/client";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   const theme = useTheme();
 
-  const token =
-    typeof window !== "undefined" ? Cookies.get("kan.session_token") : null;
+  const { data: session } = authClient.useSession();
 
-  const { data } = api.user.getUser.useQuery(undefined, {
-    enabled: !!token,
-  });
-
-  const isLoggedIn = !!data;
+  const isLoggedIn = !!session?.user;
 
   const isDarkMode = theme.activeTheme === "dark";