Add vibrant color into media card title

package.json

@@ -11,15 +11,20 @@
   },
   "dependencies": {
     "@nuxt/image": "2.0.0",
+    "@types/tinycolor2": "^1.4.6",
+    "@vibrant/color": "^4.0.0",
     "@vueuse/core": "^14.1.0",
+    "@vueuse/nuxt": "14.1.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "headroom.js": "^0.12.0",
     "lucide-vue-next": "^0.562.0",
+    "node-vibrant": "^4.0.3",
     "nuxt": "^4.2.2",
     "reka-ui": "^2.7.0",
     "shadcn-nuxt": "2.4.3",
     "tailwind-merge": "^3.4.0",
+    "tinycolor2": "^1.6.0",
     "vue": "^3.5.26",
     "vue-router": "^4.6.4",
     "vue-sonner": "^2.0.9"