Use react-simple-icons for Facebook/LinkedIn/X brand logos

frontend/package.json

@@ -17,6 +17,7 @@
     "format:check": "prettier --check ."
   },
   "dependencies": {
+    "@icons-pack/react-simple-icons": "13.13.0",
     "@radix-ui/react-dropdown-menu": "2.1.16",
     "@radix-ui/react-label": "2.1.8",
     "@radix-ui/react-separator": "1.1.8",
@@ -26,24 +27,24 @@
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "iso-3166": "4.4.0",
-    "lucide-react": "0.468.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-helmet-async": "2.0.5",
-    "tailwind-merge": "2.6.1",
-    "tw-animate-css": "1.3.0"
+    "lucide-react": "1.9.0",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
+    "react-helmet-async": "3.0.0",
+    "tailwind-merge": "3.5.0",
+    "tw-animate-css": "1.4.0"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "4.1.16",
+    "@tailwindcss/vite": "4.2.4",
     "@tanstack/router-plugin": "1.167.22",
-    "@types/node": "22.19.17",
-    "@types/react": "18.3.28",
-    "@types/react-dom": "18.3.7",
-    "@vitejs/plugin-react": "4.7.0",
+    "@types/node": "25.6.0",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "6.0.1",
     "prettier": "3.8.3",
     "prettier-plugin-organize-imports": "4.3.0",
-    "tailwindcss": "4.1.16",
-    "typescript": "5.9.3",
-    "vite": "6.4.2"
+    "tailwindcss": "4.2.4",
+    "typescript": "6.0.3",
+    "vite": "8.0.10"
   }
 }

frontend/src/routes/vendors/$slug.tsx

@@ -1,7 +1,8 @@
+import { SiFacebook, SiLinkedin, SiX } from '@icons-pack/react-simple-icons'
 import { useSuspenseQuery } from '@tanstack/react-query'
 import { createFileRoute, Link, notFound } from '@tanstack/react-router'
 import { iso31661 } from 'iso-3166'
-import { Facebook, Globe, Linkedin, Twitter } from 'lucide-react'
+import { Globe } from 'lucide-react'
 import { Helmet } from 'react-helmet-async'
 
 import { Button } from '~/components/ui/button'
@@ -101,7 +102,7 @@ function VendorDetailPage() {
               )}
               {vendor.linkedin && (
                 <li className="flex items-center gap-2">
-                  <Linkedin className="h-4 w-4" />
+                  <SiLinkedin className="h-4 w-4" />
                   <a href={vendor.linkedin} target="_blank" rel="noreferrer" className="hover:underline">
                     {vendor.linkedin}
                   </a>
@@ -109,7 +110,7 @@ function VendorDetailPage() {
               )}
               {vendor.twitter && (
                 <li className="flex items-center gap-2">
-                  <Twitter className="h-4 w-4" />
+                  <SiX className="h-4 w-4" />
                   <a href={vendor.twitter} target="_blank" rel="noreferrer" className="hover:underline">
                     {vendor.twitter}
                   </a>
@@ -117,7 +118,7 @@ function VendorDetailPage() {
               )}
               {vendor.facebook && (
                 <li className="flex items-center gap-2">
-                  <Facebook className="h-4 w-4" />
+                  <SiFacebook className="h-4 w-4" />
                   <a href={vendor.facebook} target="_blank" rel="noreferrer" className="hover:underline">
                     {vendor.facebook}
                   </a>

package.json

@@ -22,6 +22,12 @@
       "keyv",
       "isolated-vm",
       "protobufjs"
-    ]
+    ],
+    "peerDependencyRules": {
+      "allowedVersions": {
+        "@vitejs/plugin-vue>vite": "8",
+        "vite>esbuild": "0.26"
+      }
+    }
   }
 }