Dark mode refactor (#98)

* 🏗️ Acquisition Panel refactor WIP

* 🔧 Formatted the search query box

* 🔧 Implementing download method

* 🏗️ Refactored the AirDC++ download panel

* 🌜 Initial Dark Mode support

* 🌜 Trying dark mode on the react-select

* Update App.scss

* 🏗️ Migrating Navbar to TailwindCSS

* 🖼️ Added solar icons

* 🔧 Added solar icons

* 🔧 Added code for dark mode toggle

* 🏗️ Wiring up the dark mode toggle

* 🌜 Added Dark mode to the body

* 🏗️ Building out the import page

* 🪑 Cleaning up the table styles

* 🏗️ Cleaned up past imports table

* 🏗️ Refactored Import socket events

* 🏗️ Refactored the card grid on dashboard

* 🏗️ Building variants for Cards

* 🏗️ Added a horizontal medium variant

* 🏗️ Cleaning up forms and cards

* 🔧 Styling form inputs

* 🏗️ Form refactor

* 🔠 Added a monospace font

* 🪑 Refactoring the table

* 🧹 Formatting in connection confirmation panels

* 🏗️ Refactoring table for library

* 🏗️ Added icons and details to metadata

* 🏗️ Cleaned the table further

* 🏗️ Fixed fonts, and comic detail page first draft

* ❌ Removing yarn.lockfile

package.json

@@ -25,7 +25,7 @@
     "@tanstack/react-table": "^8.9.3",
     "@types/mime-types": "^2.1.0",
     "@types/react-router-dom": "^5.3.3",
-    "@vitejs/plugin-react": "^3.1.0",
+    "@vitejs/plugin-react": "^4.2.1",
     "airdcpp-apisocket": "^2.5.0-beta.2",
     "axios": "^1.3.4",
     "axios-cache-interceptor": "^1.0.1",
@@ -61,7 +61,6 @@
     "react-router-dom": "^6.9.0",
     "react-select": "^5.8.0",
     "react-select-async-paginate": "^0.7.2",
-    "react-slick": "^0.29.0",
     "react-sliding-pane": "^7.1.0",
     "react-stickynode": "^4.1.0",
     "react-textarea-autosize": "^8.3.4",
@@ -76,6 +75,8 @@
     "zustand": "^4.4.6"
   },
   "devDependencies": {
+    "@iconify-json/solar": "^1.1.8",
+    "@iconify/tailwind": "^0.1.4",
     "@storybook/addon-essentials": "^7.4.1",
     "@storybook/addon-interactions": "^7.4.1",
     "@storybook/addon-links": "^7.4.1",
@@ -95,8 +96,8 @@
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@types/react-redux": "^7.1.25",
+    "autoprefixer": "^10.4.16",
     "body-parser": "^1.19.0",
-    "bulma": "^0.9.4",
     "docdash": "^2.0.2",
     "eslint": "^8.49.0",
     "eslint-config-prettier": "^8.1.0",
@@ -111,11 +112,14 @@
     "install": "^0.13.0",
     "jest": "^29.6.3",
     "nodemon": "^3.0.1",
+    "postcss": "^8.4.32",
+    "postcss-import": "^15.1.0",
     "prettier": "^2.2.1",
     "react-refresh": "^0.14.0",
     "rimraf": "^4.1.3",
     "sass": "^1.69.5",
     "storybook": "^7.3.2",
+    "tailwindcss": "^3.3.5",
     "tui-jsdoc-template": "^1.2.2",
     "typescript": "^5.1.6"
   }