refactored contexts into own location to avoid vite issue

Author: cdleveille

src/client/components/AppContextProvider.tsx

@@ -1,12 +1,11 @@
 import { useAuth } from "@clerk/clerk-react";
-import { createContext, useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 import { About, BagAdd, BagDelete, BagEdit, DiscDetail, SignIn } from "@components";
 import { INITIAL_FILTERS_ENABLED, INITIAL_FILTER_VALUES, View } from "@constants";
+import { AppContext } from "@contexts";
 import { useApi, usePersistedState } from "@hooks";
-import type { TAppContext, TBag, TDisc, TModalProps } from "@types";
-
-export const AppContext = createContext<TAppContext | null>(null);
+import type { TBag, TDisc, TModalProps } from "@types";
 
 export const AppContextProvider = ({ children }: { children: React.ReactNode }) => {
 	const [view, setView] = usePersistedState(View.Search, "view");

src/client/contexts/app.ts

@@ -0,0 +1,4 @@
+import type { TAppContext } from "@types";
+import { createContext } from "react";
+
+export const AppContext = createContext<TAppContext | null>(null);

src/client/contexts/index.ts

@@ -0,0 +1 @@
+export * from "./app";

src/client/hooks/useAppContext.ts

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 
-import { AppContext } from "@components";
+import { AppContext } from "@contexts";
 
 export const useAppContext = () => {
 	const ctx = useContext(AppContext);