Added color reducer. Performed state management refactor to prevent circular behavior.

package.json

@@ -13,7 +13,8 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "test:wasm": "cargo test --lib --manifest-path colorlib/Cargo.toml",
-    "test:wasmdoc": "cargo test --doc --manifest-path colorlib/Cargo.toml"
+    "test:wasmdoc": "cargo test --doc --manifest-path colorlib/Cargo.toml",
+    "test": "vitest"
   },
   "dependencies": {
     "motion": "^12.23.12",
@@ -35,12 +36,14 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^16.0.0",
+    "jsdom": "^26.1.0",
     "prettier": "^3.5.3",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.30.1",
     "vite": "^6.3.5",
     "vite-plugin-top-level-await": "^1.5.0",
-    "vite-plugin-wasm": "^3.4.1"
+    "vite-plugin-wasm": "^3.4.1",
+    "vitest": "^3.2.4"
   },
   "prettier": {
     "importOrder": [