fix(docs): update Discord link and improve documentation clarity

Author: creativoma

docs/docs/getting-started/intro.mdx

@@ -25,7 +25,7 @@ description: Overview of @pixi/react, its features, and what makes it the best w
   <a href="https://github.com/pixijs/pixi-react/blob/main/LICENSE">
     <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="license" />
   </a>
-  <a href="https://discord.gg/QrnxmQUPGV">
+  <a href="https://discord.gg/zqbXQAADuM">
     <img src="https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord" alt="discord chat" />
   </a>
 </div>
@@ -46,9 +46,9 @@ description: Overview of @pixi/react, its features, and what makes it the best w
 - 🏎️ **PixiJS v8 Compatible** - Latest PixiJS performance and features
 - 📦 **Tree-shakeable** - Only import what you need with the `extend` API
 - 🎯 **Type-safe** - Full TypeScript support with intelligent autocomplete
-- � **Declarative** - Write PixiJS code using familiar React patterns
+- 📝 **Declarative** - Write PixiJS code using familiar React patterns
 - 🪝 **React Hooks** - Built-in hooks for animations, tickers, and more
-- � **No Overhead** - Components render outside of React for maximum performance
+- ⚡ **No Overhead** - Components render outside of React for maximum performance
 - 🛠️ **Extensible** - Easy integration with custom PixiJS components
 
 ## What Is @pixi/react?
@@ -94,4 +94,4 @@ None. Everything that works in PixiJS will work here without exception.
 
 Ready to dive in? Check out our [Quick Start](/getting-started/quick-start) guide to create your first `@pixi/react` application!
 
-PixiJS is more than just a rendering engine; it’s a gateway to creative freedom. Dive into our comprehensive [documentation](./quick-start.mdx) or join the [community](https://discord.gg/CPTjeb28nH) to start your journey with PixiJS today.
+PixiJS is more than just a rendering engine; it's a gateway to creative freedom. Dive into our comprehensive [documentation](./quick-start.mdx) or join the [community](https://discord.gg/zqbXQAADuM) to start your journey with PixiJS today.

docs/docusaurus.config.ts

@@ -120,7 +120,7 @@ const config: Config = {
                     'aria-label': 'Twitter account',
                 },
                 {
-                    href: 'https://discord.gg/CPTjeb28nH',
+                    href: 'https://discord.gg/zqbXQAADuM',
                     position: 'right',
                     className: 'header-link header-discord-link',
                     'aria-label': 'Discord server',

docs/src/pages/index.tsx

@@ -1,4 +1,5 @@
 import clsx from 'clsx';
+import { type JSX } from 'react';
 import CTA from './CTA';
 import styles from './index.module.css';
 import ExampleApp from '!!raw-loader!../examples/basic/App';
@@ -65,7 +66,7 @@ export default function Home(): JSX.Element
                             viewType={'both'}
                             width={'100%'} />
                     </div>
-                    <CTA label="Get Started" link="getting-started" />
+                    <CTA label="Get Started" link="getting-started/intro" />
                 </section>
             </main>
         </Layout>

docs/src/theme/DocSidebarItem/index.tsx

@@ -1,10 +1,11 @@
+import { type JSX } from 'react';
 import DocSidebarItem from '@theme-original/DocSidebarItem';
 
 interface DocSidebarItemProps
 {
     item: {
         type: string;
-        href: string;
+        href?: string;
     };
     level: number;
     activePath: string;
@@ -25,8 +26,6 @@ export default function DocSidebarItemWrapper(props: DocSidebarItemProps): JSX.E
     }
 
     return (
-        <>
-            <DocSidebarItem {...props} style={{ fontSize: '14px', marginTop: '0px', color }} />
-        </>
+        <DocSidebarItem {...props} style={{ fontSize: '14px', marginTop: '0px', color }}></DocSidebarItem>
     );
 }