feat: add devtools (#556)

* feat(devtools): add text case converter component

* feat(ui): add Heading component for dynamic headings with optional description

* feat(ui): add readonly prop to Input component for improved accessibility

* feat(devtools): add text to unicode converter component

* chore: clean

* feat(ui): enhance Input component to support textarea type and rows prop

* feat(devtools): add text to ASCII converter component

* feat(devtools): add Base64 converter component

* feat(devtools): add JSON to YAML converter component

* feat(styles): add custom scrollbar styles for better UI experience

* feat(ui): add error prop to Input component for displaying validation messages

* feat(devtools): add route for JSON to YAML converter

* feat(devtools): add JSON to TOML converter component and routing

* chore: clean

* feat(devtools): add JSON to XML converter component and routing

* feat(devtools): add hash generation component and routing

* feat(devtools): add HMAC generation component and routing

* fix(devtools): update input and output labels in converter components

* feat(devtools): add password generation component and routing

* feat(ui): add description prop to Input component for additional context

* feat(devtools): add UUID generation component and routing

* style(devtools): adjust input width for password component

* chore(devtools): update localization keys for converters and crypto sections

* feat(devtools): add URL parser component and routing

* feat(devtools): add slugify component and routing

* fix(devtools): improve Base64 encoding and decoding for UTF-8 support

* fix(main-menu): update routing to use devtoolsCaseConverter

* feat(devtools): add URL encoder component and routing

* feat(devtools): add color converter component and routing

* feat(i18n): update localization devtools

* feat(i18n): update localization menu

Author: antonreshetov

package.json

@@ -37,10 +37,14 @@
     "@elysiajs/swagger": "^1.2.2",
     "@vueuse/core": "^12.7.0",
     "better-sqlite3": "^11.8.1",
+    "change-case": "^5.4.4",
+    "chroma-js": "^3.1.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "codemirror": "^5.65.18",
     "codemirror-textmate": "^1.1.0",
+    "color-name-list": "^11.22.0",
+    "crypto-js": "^4.2.0",
     "date-fns": "^4.1.0",
     "dom-to-image": "^2.6.0",
     "electron-store": "^8.2.0",
@@ -49,17 +53,22 @@
     "i18next": "^24.2.2",
     "i18next-fs-backend": "^2.6.0",
     "interactjs": "^1.10.27",
+    "js-yaml": "^4.1.0",
     "ky": "^1.7.5",
     "lucide-vue-next": "^0.476.0",
     "marked": "^15.0.8",
     "markmap-lib": "^0.18.11",
     "markmap-view": "^0.18.10",
     "mermaid": "^11.6.0",
+    "nearest-color": "^0.4.4",
     "onigasm": "^2.2.5",
     "prettier": "^3.5.3",
     "radix-vue": "^1.9.17",
     "sanitize-html": "^2.15.0",
+    "slugify": "^1.6.6",
     "tailwind-merge": "^3.0.2",
+    "toml": "^3.0.0",
+    "uuid": "^11.1.0",
     "vue-sonner": "^1.3.0",
     "vue3-perfect-scrollbar": "^2.0.0"
   },
@@ -71,9 +80,12 @@
     "@tailwindcss/postcss": "^4.0.9",
     "@tailwindcss/vite": "^4.0.9",
     "@types/better-sqlite3": "^7.6.12",
+    "@types/chroma-js": "^3.1.1",
     "@types/codemirror": "^5.60.15",
+    "@types/crypto-js": "^4.2.2",
     "@types/dom-to-image": "^2.6.7",
     "@types/fs-extra": "^11.0.4",
+    "@types/js-yaml": "^4.0.9",
     "@types/node": "^22.10.8",
     "@types/sanitize-html": "^2.15.0",
     "@vitejs/plugin-vue": "^5.2.1",