🧸 Zustand and Tanstack Query (#96)

* ↪️ Removed node-sass, added sass

* 🏗️ Refactoring Navbar to read from zustand store

* ⬆️ Bumped deps

* 🏗️ Refactored AirDC++ session status indicator

* 🏗️ Refactored Import page to read from global state

* 🏗 Wired up the event emit correctly

* 🏗️ Added import queue related state

* 🏗 Implemented setQueueAction

* 🏗️ Wired up job queue control methods

* 🏗️ Added null check and removed useless deps

* 🏗️ Refactored the Import page

* ↪️ Added cache invalidation to job statistics query

* 🏗️ Refactoring the Library page

* 🏗️ Fixed pagination and disabled states

* ✏️ Changed page to offset

To better reflect what we are doing with the pagination controls

* 🏗️ Refactoring ComicDetail page and its children

* 🏗️ Refactored ComicDetailContainer with useQuery

* 🔧 Fixed the error check on Library page

* 🏗️ Refactoring AcquisitionPanel

* 🏗️ Refactoring the AirDC++ Forms

* 🦃 Thanksgiving Day bug fixes

* ⬆️ Bumped up Vite to 5.0

* 🔧 Refactoring AcquisitionPanel

* 🏗️ Wiring up the DC++ search method

* 🏗️ Refactoring AirDC++ search method

* 🔎 Added some validation to ADC++ Hubs settings form

* 🏗️ Fixed the ADC++ search results

* 🏗️ Cleanup of the search results pane

package.json

@@ -40,6 +40,7 @@
     "final-form-arrays": "^3.0.2",
     "history": "^5.3.0",
     "html-to-text": "^8.1.0",
+    "immer": "^10.0.3",
     "jsdoc": "^3.6.10",
     "lodash": "^4.17.21",
     "pretty-bytes": "^5.6.0",
@@ -58,7 +59,7 @@
     "react-modal": "^3.15.1",
     "react-router": "^6.9.0",
     "react-router-dom": "^6.9.0",
-    "react-select": "^5.3.2",
+    "react-select": "^5.8.0",
     "react-select-async-paginate": "^0.7.2",
     "react-slick": "^0.29.0",
     "react-sliding-pane": "^7.1.0",
@@ -67,9 +68,9 @@
     "reapop": "^4.2.1",
     "slick-carousel": "^1.8.1",
     "socket.io-client": "^4.3.2",
-    "styled-components": "^6.0.7",
+    "styled-components": "^6.1.0",
     "threetwo-ui-typings": "^1.0.14",
-    "vite": "^4.5.0",
+    "vite": "^5.0.0",
     "vite-plugin-html": "^3.2.0",
     "websocket": "^1.0.34",
     "zustand": "^4.4.6"
@@ -113,12 +114,9 @@
     "prettier": "^2.2.1",
     "react-refresh": "^0.14.0",
     "rimraf": "^4.1.3",
-    "sass": "^1.66.1",
+    "sass": "^1.69.5",
     "storybook": "^7.3.2",
     "tui-jsdoc-template": "^1.2.2",
     "typescript": "^5.1.6"
-  },
-  "resolutions": {
-    "styled-components": "^5"
   }
 }