use X icon

Author: Shitanshukumar607

src/pages/our-sponsors/SponsorCard/index.tsx

@@ -1,6 +1,7 @@
 import { Sponsor } from '@site/src/database/sponsors';
 import React from 'react';
-import { FaGithub, FaLinkedin, FaTwitter, FaInstagram } from 'react-icons/fa';
+import { FaGithub, FaLinkedin, FaInstagram } from 'react-icons/fa';
+import { FaXTwitter } from "react-icons/fa6";
 
 const SponsorCard: React.FC<Sponsor> = ({
   name,
@@ -21,7 +22,8 @@ const SponsorCard: React.FC<Sponsor> = ({
       <div className="social-links">
         {github && <a href={github} target="_blank" rel="noopener noreferrer" className="github"><FaGithub /></a>}
         {linkedin && <a href={linkedin} target="_blank" rel="noopener noreferrer" className="linkedin"><FaLinkedin /></a>}
-        {twitter && <a href={twitter} target="_blank" rel="noopener noreferrer" className="twitter"><FaTwitter /></a>}
+        {twitter && <a href={twitter} target="_blank" rel="noopener noreferrer" className="twitter"><FaXTwitter />
+</a>}
         {instagram && <a href={instagram} target="_blank" rel="noopener noreferrer" className="instagram"><FaInstagram /></a>}
       </div>
     </div>