fix(guide): Treeshake react-icons (#9381)

apps/guide/src/components/DocsLink.tsx

@@ -1,4 +1,4 @@
-import { FiExternalLink } from 'react-icons/fi';
+import { FiExternalLink } from '@react-icons/all-files/fi/FiExternalLink';
 import { BASE_URL, BASE_URL_LEGACY, PACKAGES, VERSION } from '~/util/constants';
 
 interface DocsLinkOptions {
@@ -61,6 +61,7 @@ export function DocsLink({
 		if (trimmedSymbol) url += `?scrollTo=${trimmedSymbol}`;
 
 		text = `${parent}${trimmedSymbol ? (trimmedSymbol.startsWith('s-') ? '.' : '#') : ''}${
+			// eslint-disable-next-line prefer-named-capture-group
 			trimmedSymbol ? `${trimmedSymbol.replace(/(e|s)-/, '')}` : ''
 		}${bracketText}`;
 	} else {

apps/guide/src/components/ExternalLink.tsx

@@ -1,10 +0,0 @@
-import { FiExternalLink } from 'react-icons/fi';
-
-export function ExternalLink({ href, title }: { href: string; title: string }) {
-	return (
-		<a className="inline-flex place-items-center gap-2 text-sm font-semibold text-blurple" href={href}>
-			<p>{title}</p>
-			<FiExternalLink size={18} />
-		</a>
-	);
-}