feat: add shadcn UI docs

Author: mychidarko

.vitepress/config/sidebar.ts

@@ -136,12 +136,12 @@ const sidebar = [
     // collapsed: true,
     items: [
       { text: 'Introduction', link: '/docs/frontend/' },
-      { text: 'Bare UI', link: '/docs/frontend/bareui' },
       { text: 'Leaf Blade', link: '/docs/frontend/blade' },
-      { text: 'Other Engines', link: '/docs/frontend/third-party' },
+      { text: 'Inertia JS', link: '/docs/frontend/inertia' },
       { text: 'Vite JS', link: '/docs/frontend/vite' },
       { text: 'Tailwind CSS', link: '/docs/frontend/tailwind' },
-      { text: 'Inertia JS', link: '/docs/frontend/inertia' },
+      { text: 'Bare UI', link: '/docs/frontend/bareui' },
+      { text: 'Other Engines', link: '/docs/frontend/third-party' },
       // { text: 'Leaf UI', link: '/docs/frontend/leaf-ui' },
       // {
       //   text: 'Leaf Zero',

src/docs/frontend/inertia.md

@@ -141,6 +141,36 @@ php leaf g:template home --type=vue # Vue
 php leaf g:template home --type=svelte # Svelte
 ```
 
+## Using Shadcn
+
+If you are pairing React with your Leaf app, you can use [shadcn/ui](https://ui.shadcn.com/) to build your UI. We don't ship with the necessary files to use shadcn/ui, but you can easily set it up by running the following command:
+
+```bash:no-line-numbers
+php leaf scaffold:shadcn
+```
+
+From there, you can install any shadcn/ui component you want, and it will automatically be configured to work with your Leaf app.
+
+```bash:no-line-numbers
+pnpm dlx shadcn@latest add switch
+```
+
+The final step is to use the component you just installed:
+
+```jsx{6}
+import { Switch } from "@/components/ui/switch"
+
+const MyPage = () => {
+  return (
+    <div>
+      <Switch />
+    </div>
+  )
+}
+
+export default MyPage
+```
+
 ## Form validation with inertia
 
 Leaf has already configured inertia for the vast majority of use-cases, which also includes form validation. This is an example form for updating a user's name. The first part is creating the form, which inertia has a beautiful helper for: