docs: add jsx section

Author: notunderctrl

CHANGELOG.md

@@ -0,0 +1,20 @@
+---
+title: Text Display
+description: Use the Text Display component using JSX
+---
+
+## Usage
+
+```ts title="src/app/commands/ping.tsx"
+import { type ChatInputCommand, TextDisplay } from 'commandkit';
+import { MessageFlags } from 'discord.js';
+
+export const chatInput: ChatInputCommand = async (ctx) => {
+  const textComponent = <TextDisplay content="This is a text display component" />
+
+  await ctx.interaction.reply({
+    components: [textComponent],
+    flags: MessageFlags.IsComponentsV2,
+  })
+};
+```

apps/website/docs/guide/03-jsx/01-text-display.mdx

@@ -22,6 +22,11 @@ const sidebars: SidebarsConfig = {
         //
       ],
     },
+    {
+      type: 'category',
+      label: 'Using JSX',
+      items: ['guide/jsx/text-display'],
+    },
     'guide/using-cli',
     'guide/commandkit-config',
     'guide/caching',