Merge branch 'main' into deploy

README.md

@@ -64,12 +64,14 @@ Core libraries:
 * [PWA Vite Plugin](https://vite-pwa-org.netlify.app): A Vite plugin that provides PWA support. This allows the possibility of installing the game as a Progressive Web App.
 * [Recoil](https://recoiljs.org/): A state management library for React.
 * [React Router](https://reactrouter.com/): A library that provides routing for React applications.
+* [Tanstack Query](https://tanstack.com/tanstack-query/): A library that provides a set of tools for getting, caching, and updating game data.
 
 UI libraries:
 
 * [Mui Joy](https://mui.com/joy-ui/getting-started/): A React UI framework that provides a set of components and styles for building a website.
 * [Framer Motion](https://www.framer.com/motion/): A simple yet powerful motion library for React.
 * [Notistack](https://iamhosseindhv.com/notistack): A library that provides snackbar notifications for React.
+* [React Color Palette](https://www.npmjs.com/package/react-color-palette): A library that provides a color picker for React.
 
 Text libraries:
 

package.json

@@ -36,6 +36,7 @@
     "vite-plugin-checker": "^0.8.0"
   },
   "devDependencies": {
+    "@tanstack/react-query-devtools": "^5.59.13",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^8.8.1",

src/Home.tsx

@@ -1,3 +1,5 @@
+import { Box } from '@mui/joy';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import Routes from './AppRoutes';
 import ApImports from './Imports';
 import EventInterceptor from './interceptors/EventInterceptor';
@@ -13,6 +15,13 @@ export default function Home() {
             <GameSaveScreen />
             <SaveLoadAlert />
             <EventInterceptor />
+            <Box
+                sx={{
+                    pointerEvents: "auto",
+                }}
+            >
+                <ReactQueryDevtools initialIsOpen={false} />
+            </Box>
         </ApImports>
     )
 }