fix: hardcode redirect for main lib for now

apps/website/src/components/Nav.tsx

@@ -36,7 +36,7 @@ export function Nav({
 			>
 				<div className="flex flex-col gap-4 p-3">
 					<div className="flex flex-col gap-4">
-						<PackageSelect versions={versions} />
+						<PackageSelect />
 						<VersionSelect versions={versions} />
 					</div>
 					<Sidebar members={members} />

apps/website/src/components/PackageSelect.tsx

@@ -8,16 +8,17 @@ import { usePathname } from 'next/navigation';
 import { useMemo } from 'react';
 import { PACKAGES } from '~/util/constants';
 
-export default function PackageSelect({ versions }: { readonly versions: string[] }) {
+export default function PackageSelect() {
 	const pathname = usePathname();
 	const packageName = pathname?.split('/').slice(3, 4)[0];
 
 	const packageMenu = useMenuState({ gutter: 8, sameWidth: true, fitViewport: true });
 
+	// TODO: Version number is currently hard coded
 	const packageMenuItems = useMemo(
 		() =>
 			PACKAGES.map((pkg, idx) => (
-				<Link href={`/docs/packages/${pkg}/${versions.at(pkg === 'discord.js' ? 0 : 1)}`} key={`${pkg}-${idx}`}>
+				<Link href={`/docs/packages/${pkg}/${pkg === 'discord.js' ? '14.14.1' : 'main'}`} key={`${pkg}-${idx}`}>
 					<MenuItem
 						className="my-0.5 rounded bg-white p-3 text-sm outline-none active:bg-light-800 dark:bg-dark-600 hover:bg-light-700 focus:ring focus:ring-width-2 focus:ring-blurple dark:active:bg-dark-400 dark:hover:bg-dark-500"
 						id={pkg}
@@ -28,7 +29,7 @@ export default function PackageSelect({ versions }: { readonly versions: string[
 					</MenuItem>
 				</Link>
 			)),
-		[packageMenu, versions],
+		[packageMenu],
 	);
 
 	return (