Revert "perf: replace react-icons with lucide-react"

This reverts commit d681e44.

Author: Sagargupta16

package.json

@@ -33,6 +33,7 @@
       "react": "^19.2.4",
       "react-dom": "^19.2.4",
       "react-github-calendar": "^5.0.5",
+      "react-icons": "^5.5.0",
       "react-intersection-observer": "^10.0.2",
       "tailwindcss": "^4.1.18",
       "three": "^0.183.0"

pnpm-lock.yaml

@@ -1,5 +1,6 @@
 import { motion } from "motion/react";
-import { ArrowUpRight, Trophy, Code, Star, Github } from "lucide-react";
+import { ArrowUpRight, Trophy, Code, Star } from "lucide-react";
+import { FaGithub } from "react-icons/fa6";
 import { getCodingPlatformStats } from "@data/dataLoader";
 import type { CodingPlatformStat } from "@/types";
 import { staggerContainer, fadeInUp } from "@utils/animations";
@@ -106,7 +107,7 @@ const CodingProfiles = ({ githubUsername }: CodingProfilesProps) => {
                whileHover={{ y: -4, borderColor: "rgba(165,165,192,0.3)" }}
                style={cardStyle}
             >
-               <Github size={20} style={{ color: TEXT_PRIMARY }} />
+               <FaGithub size={20} style={{ color: TEXT_PRIMARY }} />
                <span
                   style={{
                      fontSize: 12,

src/pages/github/CodingProfiles.tsx

@@ -1,5 +1,6 @@
 import { motion } from "motion/react";
-import { ExternalLink, Github } from "lucide-react";
+import { ExternalLink } from "lucide-react";
+import { FaGithub } from "react-icons/fa";
 import { scaleRotateIn } from "@utils/animations";
 import { MONO_FONT } from "@/constants/theme";
 import {
@@ -171,7 +172,7 @@ const ProjectCard = ({ data, index = 0, onOpen }: ProjectCardProps) => {
                         href={data.github}
                         label="Source"
                         ariaLabel={`View ${data.title} on GitHub`}
-                        icon={Github}
+                        icon={FaGithub}
                         accentColor={colors.accent}
                      />
                   )}

src/pages/portfolio/ProjectCard.tsx

@@ -1,13 +1,12 @@
-import { Linkedin, Github, Instagram, Twitter } from "lucide-react";
+import { FaLinkedin, FaGithub, FaInstagram } from "react-icons/fa6";
+import { SiX } from "react-icons/si";
 import type { IconMap } from "@/types";
 
-// Keys are the icon identifiers stored in personal.json/contact.json so that
-// the JSON data doesn't need to change when we swap icon libraries.
 const ICON_MAP: IconMap = {
-   BsLinkedin: Linkedin,
-   FaGithub: Github,
-   FiInstagram: Instagram,
-   SiX: Twitter,
+   BsLinkedin: FaLinkedin,
+   FaGithub: FaGithub,
+   FiInstagram: FaInstagram,
+   SiX: SiX,
 };
 
 export default ICON_MAP;

src/utils/iconMap.ts

@@ -33,7 +33,7 @@ export default defineConfig(() => ({
          output: {
             manualChunks: {
                vendor: ["react", "react-dom"],
-               icons: ["lucide-react"],
+               icons: ["react-icons", "lucide-react"],
                animations: ["motion"],
                threejs: ["three", "@react-three/fiber", "@react-three/drei"],
                particles: ["@tsparticles/react", "@tsparticles/slim"],