feat: update twitter references to x

app/components/Footer.tsx

@@ -2,10 +2,10 @@
 
 const footerLinks = [
   { label: 'Blog', to: '/blog' },
-  { label: '@Tan_Stack Twitter', to: 'https://twitter.com/tan_stack' },
+  { label: '@Tan_Stack X/Twitter', to: 'https://x.com/tan_stack' },
   {
-    label: '@TannerLinsley Twitter',
-    to: 'https://twitter.com/tannerlinsley',
+    label: '@TannerLinsley X/Twitter',
+    to: 'https://x.com/tannerlinsley',
   },
   { label: 'GitHub', to: 'https://github.com/tanstack' },
   {
@@ -29,7 +29,7 @@
         {footerLinks.map((item) => (
           <div key={item.to}>
             {item.to.startsWith('http') ? (
               <a href={item.to} target="_blank">
                 {item.label}
               </a>
             ) : (

app/routes/_libraries.dedicated-support.tsx

@@ -98,7 +98,7 @@ function LoginComp() {
             {[teamMembers[0], ...randomIndices.map((i) => teamMembers[i])].map(
               (member) => (
                 <Link
-                  to={`https://twitter.com/${member.twitter}`}
+                  to={`https://x.com/${member.twitter}`}
                   className="group bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-lg"
                   key={member.name}
                   target="_blank"

app/routes/_libraries.query.$version.index.tsx

@@ -262,7 +262,7 @@ export default function VersionIndex() {
                     Created by{' '}
                     <a
                       className="font-bold underline"
-                      href="https://twitter.com/TkDodo"
+                      href="https://x.com/TkDodo"
                     >
                       Dominik Dorfmeister
                     </a>{' '}

app/routes/_libraries.start.$version.index.tsx

@@ -8,9 +8,9 @@ import {
   FaDiscord,
   FaGithub,
   FaTshirt,
-  FaTwitter,
   FaYinYang,
 } from 'react-icons/fa'
+import { FaXTwitter } from 'react-icons/fa6'
 import { Await, Link, getRouteApi } from '@tanstack/react-router'
 import { Carbon } from '~/components/Carbon'
 import { Footer } from '~/components/Footer'
@@ -315,14 +315,14 @@ export default function VersionIndex() {
             <FaGithub /> TanStack.com Source
           </a>
           <a
-            href={`https://twitter.com/intent/post?text=${encodeURIComponent(
+            href={`https://x.com/intent/post?text=${encodeURIComponent(
               `TanStack Start is in ALPHA! It's a new full-stack React framework from @Tan_Stack and you can check it out at https://tanstack.com/start/`
             )}`}
             target="_blank"
             className={`flex items-center gap-2 py-2 px-4 bg-cyan-500 rounded text-white uppercase font-extrabold`}
             rel="noreferrer"
           >
-            <FaTwitter /> Tweet about it!
+            <FaXTwitter /> Tweet about it!
           </a>{' '}
         </div>
       </div>

app/routes/_libraries.tsx

@@ -12,13 +12,8 @@ import { twMerge } from 'tailwind-merge'
 import { OramaSearchBox } from '@orama/react-components'
 import { sortBy } from '~/utils/utils'
 import logoColor100w from '~/images/logo-color-100w.png'
-import {
-  FaDiscord,
-  FaGithub,
-  FaInstagram,
-  FaTshirt,
-  FaTwitter,
-} from 'react-icons/fa'
+import { FaDiscord, FaGithub, FaInstagram, FaTshirt } from 'react-icons/fa'
+import { FaXTwitter } from 'react-icons/fa6'
 import { getSponsorsForSponsorPack } from '~/server/sponsors'
 import { getLibrary, libraries } from '~/libraries'
 import { Scarf } from '~/components/Scarf'
@@ -206,7 +201,7 @@ function LibrariesLayout() {
           href="https://x.com/tan_stack"
           className="opacity-70 hover:opacity-100"
         >
-          <FaTwitter className="text-xl" />
+          <FaXTwitter className="text-xl" />
         </a>
         <a
           href="https://instagram.com/tan_stack"