fix broken link + codeblock titles

Author: notunderctrl

apps/test-bot/src/app/events/messageCreate/give-xp.ts

@@ -1,8 +1,8 @@
-import type { Message } from 'discord.js';
-import { database } from '../../../database/store.ts';
 import { revalidateTag } from '@commandkit/cache';
+import type { EventHandler } from 'commandkit';
+import { database } from '../../../database/store.ts';
 
-export default async function (message: Message) {
+const handler: EventHandler<'messageCreate'> = async (message) => {
   if (message.author.bot || !message.inGuild()) return;
 
   const key = `xp:${message.guildId}:${message.author.id}`;
@@ -13,4 +13,6 @@ export default async function (message: Message) {
 
   database.set(key, newXp);
   await revalidateTag(key);
-}
+};
+
+export default handler;

apps/website/docs/guide/04-jsx-components/01-using-jsx.mdx

@@ -34,7 +34,7 @@ builders:
 - [`TextDisplay`](./03-discord-components-v2/01-text-display.mdx)
 - [`Container`](./03-discord-components-v2/02-container.mdx)
 - [`MediaGallery`](./03-discord-components-v2/03-media-gallery.mdx)
-- [`Separator`](./03-discord-components-v2/04-section-separator.mdx)
+- [`Separator`](./03-discord-components-v2/04-separator.mdx)
 - [`File`](./03-discord-components-v2/05-file.mdx)
 
 ## Example usage

apps/website/docs/guide/04-jsx-components/02-discord-components-v1/01-action-row.mdx

@@ -7,7 +7,7 @@ components like buttons and select menus together in a single row.
 
 ## Basic usage
 
-```tsx title="src/app/commands/example.ts"
+```tsx title="src/app/commands/example.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { ActionRow, Button } from 'commandkit';
 
@@ -30,7 +30,7 @@ export const chatInput: ChatInputCommand = async ({
 
 ## With select menus
 
-```tsx title="src/app/commands/select-example.ts"
+```tsx title="src/app/commands/select-example.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import {
   ActionRow,
@@ -62,7 +62,7 @@ export const chatInput: ChatInputCommand = async ({
 You can use multiple ActionRows in a single message to organize your
 components:
 
-```tsx title="src/app/commands/multiple-rows.ts"
+```tsx title="src/app/commands/multiple-rows.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { ActionRow, Button } from 'commandkit';
 

apps/website/docs/guide/04-jsx-components/02-discord-components-v1/02-button.mdx

@@ -8,7 +8,7 @@ emojis.
 
 ## Basic usage
 
-```tsx title="src/app/commands/button-example.ts"
+```tsx title="src/app/commands/button-example.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { ActionRow, Button } from 'commandkit';
 
@@ -32,7 +32,7 @@ export const chatInput: ChatInputCommand = async ({
 
 Discord provides several built-in button styles:
 
-```tsx title="src/app/commands/button-styles.ts"
+```tsx title="src/app/commands/button-styles.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { ActionRow, Button } from 'commandkit';
 
@@ -59,7 +59,7 @@ export const chatInput: ChatInputCommand = async ({
 
 Link buttons redirect users to external URLs:
 
-```tsx title="src/app/commands/link-button.ts"
+```tsx title="src/app/commands/link-button.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { ActionRow, Button } from 'commandkit';
 
@@ -85,7 +85,7 @@ export const chatInput: ChatInputCommand = async ({
 
 Add emojis to make your buttons more visually appealing:
 
-```tsx title="src/app/commands/emoji-button.ts"
+```tsx title="src/app/commands/emoji-button.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { ActionRow, Button } from 'commandkit';
 
@@ -110,7 +110,7 @@ export const chatInput: ChatInputCommand = async ({
 
 Disable buttons to prevent interaction:
 
-```tsx title="src/app/commands/disabled-button.ts"
+```tsx title="src/app/commands/disabled-button.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { ActionRow, Button } from 'commandkit';
 
@@ -135,7 +135,7 @@ export const chatInput: ChatInputCommand = async ({
 
 Handle button interactions with the `onClick` prop:
 
-```tsx title="src/app/commands/interactive-button.ts"
+```tsx title="src/app/commands/interactive-button.tsx"
 import type { ChatInputCommand, OnButtonKitClick } from 'commandkit';
 import { ActionRow, Button } from 'commandkit';
 import { MessageFlags } from 'discord.js';

apps/website/docs/guide/04-jsx-components/02-discord-components-v1/03-select-menu.mdx

@@ -10,7 +10,7 @@ cases.
 The most common type of select menu that allows users to select from
 predefined string options:
 
-```tsx title="src/app/commands/string-select.ts"
+```tsx title="src/app/commands/string-select.tsx"
 import type {
   ChatInputCommand,
   OnStringSelectMenuKitSubmit,
@@ -76,7 +76,7 @@ export const chatInput: ChatInputCommand = async ({
 
 Allows users to select a channel from the server:
 
-```tsx title="src/app/commands/channel-select.ts"
+```tsx title="src/app/commands/channel-select.tsx"
 import type {
   ChatInputCommand,
   OnChannelSelectMenuKitSubmit,
@@ -119,7 +119,7 @@ export const chatInput: ChatInputCommand = async ({
 
 Allows users to select a role from the server:
 
-```tsx title="src/app/commands/role-select.ts"
+```tsx title="src/app/commands/role-select.tsx"
 import type {
   ChatInputCommand,
   OnRoleSelectMenuKitSubmit,
@@ -162,7 +162,7 @@ export const chatInput: ChatInputCommand = async ({
 
 Allows users to select a user from the server:
 
-```tsx title="src/app/commands/user-select.ts"
+```tsx title="src/app/commands/user-select.tsx"
 import type {
   ChatInputCommand,
   OnUserSelectMenuKitSubmit,
@@ -205,7 +205,7 @@ export const chatInput: ChatInputCommand = async ({
 
 Allows users to select a user or role from the server:
 
-```tsx title="src/app/commands/mentionable-select.ts"
+```tsx title="src/app/commands/mentionable-select.tsx"
 import type {
   ChatInputCommand,
   OnMentionableSelectMenuKitSubmit,
@@ -249,7 +249,7 @@ export const chatInput: ChatInputCommand = async ({
 You can allow multiple selections by setting the `minValues` and
 `maxValues` properties:
 
-```tsx title="src/app/commands/multi-select.ts"
+```tsx title="src/app/commands/multi-select.tsx"
 import type {
   ChatInputCommand,
   OnStringSelectMenuKitSubmit,

apps/website/docs/guide/04-jsx-components/02-discord-components-v1/04-modal.mdx

@@ -7,7 +7,7 @@ appear as popups in Discord.
 
 ## Basic usage
 
-```tsx title="src/app/commands/user-profile.ts"
+```tsx title="src/app/commands/user-profile.tsx"
 import type { ChatInputCommand, OnModalKitSubmit } from 'commandkit';
 import { Modal, ShortInput, ParagraphInput } from 'commandkit';
 import { MessageFlags } from 'discord.js';
@@ -57,7 +57,7 @@ export const chatInput: ChatInputCommand = async ({
 
 For single-line text input:
 
-```tsx title="src/app/commands/username.ts"
+```tsx title="src/app/commands/username.tsx"
 import type { ChatInputCommand, OnModalKitSubmit } from 'commandkit';
 import { Modal, ShortInput } from 'commandkit';
 import { MessageFlags } from 'discord.js';
@@ -100,7 +100,7 @@ export const chatInput: ChatInputCommand = async ({
 
 For multi-line text input:
 
-```tsx title="src/app/commands/feedback.ts"
+```tsx title="src/app/commands/feedback.tsx"
 import type { ChatInputCommand, OnModalKitSubmit } from 'commandkit';
 import { Modal, ParagraphInput } from 'commandkit';
 import { MessageFlags } from 'discord.js';

apps/website/docs/guide/04-jsx-components/03-discord-components-v2/01-text-display.mdx

@@ -7,7 +7,7 @@ you to show text content in your Discord messages.
 
 ## Basic usage
 
-```tsx title="src/app/commands/text-example.ts"
+```tsx title="src/app/commands/text-example.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { TextDisplay } from 'commandkit';
 import { MessageFlags } from 'discord.js';

apps/website/docs/guide/04-jsx-components/03-discord-components-v2/02-container.mdx

@@ -7,7 +7,7 @@ organize and style multiple components together.
 
 ## Basic usage
 
-```tsx title="src/app/commands/container-example.ts"
+```tsx title="src/app/commands/container-example.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { Container, TextDisplay } from 'commandkit';
 import { Colors, MessageFlags } from 'discord.js';
@@ -34,7 +34,7 @@ export const chatInput: ChatInputCommand = async ({
 The `Container` component accepts an `accentColor` prop that can be
 used to customize its appearance:
 
-```tsx title="src/app/commands/styled-container.ts"
+```tsx title="src/app/commands/styled-container.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { Container, TextDisplay } from 'commandkit';
 import { Colors, MessageFlags } from 'discord.js';
@@ -68,7 +68,7 @@ export const chatInput: ChatInputCommand = async ({
 
 You can nest various components inside a Container:
 
-```tsx title="src/app/commands/nested-container.ts"
+```tsx title="src/app/commands/nested-container.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { Container, TextDisplay, Separator } from 'commandkit';
 import {
@@ -108,7 +108,7 @@ export const chatInput: ChatInputCommand = async ({
 
 You can use multiple containers to organize different sections:
 
-```tsx title="src/app/commands/multi-container.ts"
+```tsx title="src/app/commands/multi-container.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { Container, TextDisplay } from 'commandkit';
 import { Colors, MessageFlags } from 'discord.js';

apps/website/docs/guide/04-jsx-components/03-discord-components-v2/03-media-gallery.mdx

@@ -7,7 +7,7 @@ items in a grid layout.
 
 ## Basic usage
 
-```tsx title="src/app/commands/gallery-example.ts"
+```tsx title="src/app/commands/gallery-example.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import {
   MediaGallery,

apps/website/docs/guide/04-jsx-components/03-discord-components-v2/04-separator.mdx

@@ -7,7 +7,7 @@ your message components.
 
 ## Basic usage
 
-```tsx title="src/app/commands/separator-example.ts"
+```tsx title="src/app/commands/separator-example.tsx"
 import type { ChatInputCommand } from 'commandkit';
 import { Container, TextDisplay, Separator } from 'commandkit';
 import {