chore: change twitter icons to x icons

package.json

@@ -36,7 +36,7 @@
     "postcss": "^8.4.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.7.1",
+    "react-icons": "^4.12.0",
     "react-toastify": "^9.1.1",
     "sharp": "^0.31.3",
     "tailwindcss": "^3.2.4",

src/components/Footer.jsx

@@ -1,5 +1,6 @@
 import React from "react"
-import { FaDiscord, FaGithub, FaLinkedin, FaTwitter } from "react-icons/fa"
+import { FaDiscord, FaGithub, FaLinkedin } from "react-icons/fa"
+import { FaXTwitter } from "react-icons/fa6";
 
 function Footer() {
   return (
@@ -39,10 +40,10 @@ function Footer() {
             target="_blank"
           >
             <span className="sr-only">
-              Twitter
+              X
             </span>
 
-            <FaTwitter aria-hidden="true" />
+            <FaXTwitter aria-hidden="true" />
           </a>
 
           <a

src/components/ProfileCard.jsx

@@ -2,11 +2,11 @@ import React from "react"
 import {
   FaBlog,
   FaGithub,
-  FaTwitter,
   FaYoutube,
   FaTwitch,
   FaLinkedin,
 } from "react-icons/fa"
+import { FaXTwitter } from "react-icons/fa6";
 import SocialLink from "components/SocialLink"
 import Image from "next/image"
 
@@ -17,7 +17,7 @@ const socialMediaData = {
   },
   twitter: {
     url: "https://twitter.com/",
-    icon: FaTwitter,
+    icon: FaXTwitter,
   },
   blog: {
     icon: FaBlog,

src/data/homepage.js

@@ -1,4 +1,5 @@
-import { FaDiscord, FaTwitter } from "react-icons/fa"
+import { FaDiscord } from "react-icons/fa"
+import { FaXTwitter } from "react-icons/fa6";
 import "react-toastify/dist/ReactToastify.css"
 
 export const main = {
@@ -53,8 +54,8 @@ export const main = {
       className="btn btn-twitter"
       target="_blank" rel="noreferrer"
     >
-      <FaTwitter />
-       X
+      <FaXTwitter />
+       X (Twitter)
     </a>
   ),
 }

yarn.lock

@@ -6980,10 +6980,10 @@ react-fast-compare@^2.0.1:
   resolved "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz"
   integrity sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==
 
-react-icons@^4.7.1:
-  version "4.11.0"
-  resolved "https://registry.npmjs.org/react-icons/-/react-icons-4.11.0.tgz"
-  integrity sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==
+react-icons@^4.12.0:
+  version "4.12.0"
+  resolved "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz"
+  integrity sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==
 
 react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"