feat: Replace lucide-react icons with react-icons for GitHub and Twitter links; add react-icons dependency

Author: leojay-net

packages/nextjs/app/builders/0xE00E720798803B8B83379720c42f7A9bE1cCd281/page.tsx

@@ -1,6 +1,7 @@
 import Image from "next/image";
-import { ExternalLink, Github, Twitter } from "lucide-react";
+import { ExternalLink } from "lucide-react";
 import type { NextPage } from "next";
+import { FaGithub, FaTwitter } from "react-icons/fa";
 import { Address } from "~~/components/scaffold-eth";
 
 const name = "Joe Leo";
@@ -15,13 +16,13 @@ const socialLinks = [
   {
     platform: "github",
     url: "https://github.com/web-ghost-dotcom",
-    icon: <Github size={20} />,
+    icon: <FaGithub size={20} />,
     color: "hover:text-purple-500",
   },
   {
     platform: "BuidlGuidl",
     url: "https://app.buidlguidl.com/builders/0xE00E720798803B8B83379720c42f7A9bE1cCd281",
-    icon: <Twitter size={20} />,
+    icon: <FaTwitter size={20} />,
     color: "hover:text-blue-400",
   },
 ];

packages/nextjs/package.json

@@ -33,6 +33,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hot-toast": "^2.4.0",
+    "react-icons": "^5.5.0",
     "usehooks-ts": "^3.1.0",
     "viem": "2.23.0",
     "wagmi": "2.14.11",

yarn.lock

@@ -4033,6 +4033,7 @@ __metadata:
     react: ^19.0.0
     react-dom: ^19.0.0
     react-hot-toast: ^2.4.0
+    react-icons: ^5.5.0
     tailwindcss: ^4.1.3
     type-fest: ^4.26.1
     typescript: ^5.8.2
@@ -15979,6 +15980,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-icons@npm:^5.5.0":
+  version: 5.5.0
+  resolution: "react-icons@npm:5.5.0"
+  peerDependencies:
+    react: "*"
+  checksum: cbd74f4b7982e6e18d59798a6b578268c8eb0909d78d87bcf9b25f99b3e544fd189a76551cb5e770d17f154a60b668551aee108aaf8471309b23f7af3b2c5b07
+  languageName: node
+  linkType: hard
+
 "react-is@npm:^16.13.1":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"