Merge remote-tracking branch 'upstream/main'

Author: BlackRam-oss

README.md

@@ -45,6 +45,8 @@ Core libraries:
 * [Tanstack Query](https://tanstack.com/tanstack-query/): A library that provides a set of tools for getting, caching, and updating game data.
   <img width="44" alt="image" src="https://github.com/user-attachments/assets/bf70dddc-68c0-48f4-9c41-74c22f54e3d1">
   You can use the following button to show Tanstack Query interactions with the game. (the button will be automatically hidden when released)
+* [Tailwind CSS](https://tailwindcss.com/): A utility-first CSS framework for rapidly building custom designs.
+  * [Tailwind CSS Motion](https://rombo.co/tailwind/): A library that provides a set of utilities for creating animations with Tailwind CSS.
 
 UI libraries:
 
@@ -56,7 +58,8 @@ UI libraries:
 Text libraries:
 
 * [i18next](https://www.i18next.com/): A library that gives the possibility to manage multiple translations in the application.
-* [Reacr Markdown](https://www.npmjs.com/package/react-markdown): A library that allows you to render markdown in React components.
+* [React Markdown](https://www.npmjs.com/package/react-markdown): A library that allows you to render markdown in React components.
+  * [React Markdown Typewriter](hhttps://www.npmjs.com/package/react-markdown-typewriter): This library provides a new component, MarkdownTypewriter, that combines the Markdown component of react-markdown with the animation of typewriter. The animation was created entirely with motion.
 
 ## How to use
 

package.json

@@ -18,37 +18,41 @@
     "@mui/icons-material": "^6.4.6",
     "@mui/joy": "^5.0.0-beta.51",
     "@mui/material": "^6.4.6",
-    "@tanstack/react-query": "^5.66.9",
+    "@tailwindcss/vite": "^4.0.9",
+    "@tanstack/react-query": "^5.67.1",
     "i18next": "^24.2.2",
     "i18next-chained-backend": "^4.6.2",
     "i18next-resources-to-backend": "^1.2.1",
-    "motion": "^12.4.7",
+    "motion": "^12.4.10",
     "notistack": "^3.0.2",
     "react": "^19.0.0",
     "react-color-palette": "^7.3.0",
     "react-dom": "^19.0.0",
     "react-error-boundary": "^5.0.0",
     "react-i18next": "^15.4.1",
-    "react-markdown": "^10.0.0",
+    "react-markdown": "^10.0.1",
+    "react-markdown-typewriter": "^1.0.1",
     "react-router-dom": "^7.2.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "shade-generator": "^1.2.7",
+    "tailwindcss": "^4.0.9",
     "vite-plugin-checker": "^0.9.0",
     "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@tanstack/react-query-devtools": "^5.66.9",
-    "@types/node": "^22.13.5",
+    "@tanstack/react-query-devtools": "^5.67.1",
+    "@types/node": "^22.13.9",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
-    "@typescript-eslint/eslint-plugin": "^8.25.0",
-    "@typescript-eslint/parser": "^8.25.0",
+    "@typescript-eslint/eslint-plugin": "^8.26.0",
+    "@typescript-eslint/parser": "^8.26.0",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.21.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
-    "typescript": "^5.7.3",
+    "tailwindcss-motion": "^1.1.0",
+    "typescript": "^5.8.2",
     "vite": "^6.2.0",
     "vite-plugin-pwa": "^0.21.1"
   },