docs: move playground website to cloudflare

docs/src/content/docs/Components/accordion.mdx

@@ -7,7 +7,7 @@ import Preview from '../../../components/Preview.astro';
 
 A vertically stacked set of interactive headings that each reveal a section of content.
 
-<Preview src="https://shadcn-ui-playground.web.app/accordion?style=single" minHeight="500px">
+<Preview src="https://shadcn-ui-playground.pages.dev/accordion?style=single" minHeight="500px">
 
 ```dart
 final details = [
@@ -45,7 +45,7 @@ Widget build(BuildContext context) {
 
 ## Multiple
 
-<Preview src="https://shadcn-ui-playground.web.app/accordion?style=multiple" minHeight="500px">
+<Preview src="https://shadcn-ui-playground.pages.dev/accordion?style=multiple" minHeight="500px">
 
 ```dart
 final details = [

docs/src/content/docs/Components/alert.mdx

@@ -7,7 +7,7 @@ import Preview from '../../../components/Preview.astro';
 
 Displays a callout for user attention.
 
-<Preview src="https://shadcn-ui-playground.web.app/alert?style=primary">
+<Preview src="https://shadcn-ui-playground.pages.dev/alert?style=primary">
  ```dart
 ShadAlert(
   iconSrc: LucideIcons.terminal,
@@ -20,7 +20,7 @@ ShadAlert(
 
 ## Destructive
 
-<Preview src="https://shadcn-ui-playground.web.app/alert?style=destructive">
+<Preview src="https://shadcn-ui-playground.pages.dev/alert?style=destructive">
  ```dart
 ShadAlert.destructive(
   iconSrc: LucideIcons.circleAlert,

docs/src/content/docs/Components/avatar.mdx

@@ -7,7 +7,7 @@ import Preview from '../../../components/Preview.astro';
 
 An image element with a placeholder for representing the user.
 
-<Preview src="https://shadcn-ui-playground.web.app/avatar">
+<Preview src="https://shadcn-ui-playground.pages.dev/avatar">
  ```dart
 ShadAvatar(
   'https://app.requestly.io/delay/2000/avatars.githubusercontent.com/u/124599?v=4',

docs/src/content/docs/Components/badge.mdx

@@ -9,7 +9,7 @@ Displays a badge or a component that looks like a badge.
 
 ## Primary
 
-<Preview src="https://shadcn-ui-playground.web.app/badge?style=primary">
+<Preview src="https://shadcn-ui-playground.pages.dev/badge?style=primary">
  ```dart
 ShadBadge(
   child: const Text('Primary'),
@@ -19,7 +19,7 @@ ShadBadge(
 
 ## Secondary
 
-<Preview src="https://shadcn-ui-playground.web.app/badge?style=secondary">
+<Preview src="https://shadcn-ui-playground.pages.dev/badge?style=secondary">
 ```dart
 ShadBadge.secondary(
   child: const Text('Secondary'),
@@ -29,7 +29,7 @@ ShadBadge.secondary(
 
 ## Destructive
 
-<Preview src="https://shadcn-ui-playground.web.app/badge?style=destructive">
+<Preview src="https://shadcn-ui-playground.pages.dev/badge?style=destructive">
 ```dart
 ShadBadge.destructive(
   child: const Text('Destructive'),
@@ -39,7 +39,7 @@ ShadBadge.destructive(
 
 ## Outline
 
-<Preview src="https://shadcn-ui-playground.web.app/badge?style=outline">
+<Preview src="https://shadcn-ui-playground.pages.dev/badge?style=outline">
 ```dart
 ShadBadge.outline(
   child: const Text('Outline'),

docs/src/content/docs/Components/button.mdx

@@ -9,7 +9,7 @@ Displays a button or a component that looks like a button.
 
 ## Primary
 
-<Preview src="https://shadcn-ui-playground.web.app/button?style=primary">
+<Preview src="https://shadcn-ui-playground.pages.dev/button?style=primary">
  ```dart
 ShadButton(
   text: const Text('Primary'),
@@ -20,7 +20,7 @@ ShadButton(
 
 ## Secondary
 
-<Preview src="https://shadcn-ui-playground.web.app/button?style=secondary">
+<Preview src="https://shadcn-ui-playground.pages.dev/button?style=secondary">
 ```dart
 ShadButton.secondary(
   text: const Text('Secondary'),
@@ -31,7 +31,7 @@ ShadButton.secondary(
 
 ## Destructive
 
-<Preview src="https://shadcn-ui-playground.web.app/button?style=destructive">
+<Preview src="https://shadcn-ui-playground.pages.dev/button?style=destructive">
 ```dart
 ShadButton.destructive(
   text: const Text('Destructive'),
@@ -42,7 +42,7 @@ ShadButton.destructive(
 
 ## Outline
 
-<Preview src="https://shadcn-ui-playground.web.app/button?style=outline">
+<Preview src="https://shadcn-ui-playground.pages.dev/button?style=outline">
 ```dart
 ShadButton.outline(
   text: const Text('Outline'),
@@ -53,7 +53,7 @@ ShadButton.outline(
 
 ## Ghost
 
-<Preview src="https://shadcn-ui-playground.web.app/button?style=ghost">
+<Preview src="https://shadcn-ui-playground.pages.dev/button?style=ghost">
 ```dart
 ShadButton.ghost(
   text: const Text('Ghost'),
@@ -64,7 +64,7 @@ ShadButton.ghost(
 
 ## Link
 
-<Preview src="https://shadcn-ui-playground.web.app/button?style=link">
+<Preview src="https://shadcn-ui-playground.pages.dev/button?style=link">
 ```dart
 ShadButton.link(
   text: const Text('Link'),
@@ -75,7 +75,7 @@ ShadButton.link(
 
 ## Icon
 
-<Preview src="https://shadcn-ui-playground.web.app/button?style=icon">
+<Preview src="https://shadcn-ui-playground.pages.dev/button?style=icon">
 ```dart
 ShadButton.outline(
   icon: const Icon(
@@ -89,7 +89,7 @@ ShadButton.outline(
 
 ## Text and Icon
 
-<Preview src="https://shadcn-ui-playground.web.app/button?style=textIcon">
+<Preview src="https://shadcn-ui-playground.pages.dev/button?style=textIcon">
 ```dart
 ShadButton(
   onPressed: () {},
@@ -104,7 +104,7 @@ ShadButton(
 
 ## Loading
 
-<Preview src="https://shadcn-ui-playground.web.app/button?style=loading">
+<Preview src="https://shadcn-ui-playground.pages.dev/button?style=loading">
 ```dart
 ShadButton(
   onPressed: () {},
@@ -119,7 +119,7 @@ ShadButton(
 
 ## Gradient and Shadow
 
-<Preview src="https://shadcn-ui-playground.web.app/button?style=gradientShadow">
+<Preview src="https://shadcn-ui-playground.pages.dev/button?style=gradientShadow">
 ```dart
 ShadButton(
   onPressed: () {},

docs/src/content/docs/Components/calendar.mdx

@@ -8,7 +8,7 @@ import Preview from "../../../components/Preview.astro";
 
 A date field component that allows users to enter and edit date.
 
-<Preview src="https://shadcn-ui-playground.web.app/calendar?style=single" minHeight="450px">
+<Preview src="https://shadcn-ui-playground.pages.dev/calendar?style=single" minHeight="450px">
 
 ```dart
 class SingleCalendar extends StatefulWidget {
@@ -36,7 +36,7 @@ class _SingleCalendarState extends State<SingleCalendar> {
 
 ## Multiple
 
-<Preview src="https://shadcn-ui-playground.web.app/calendar?style=multiple" minHeight="450px">
+<Preview src="https://shadcn-ui-playground.pages.dev/calendar?style=multiple" minHeight="450px">
 
 ```dart
 class MultipleCalendar extends StatefulWidget {
@@ -66,7 +66,7 @@ class _MultipleCalendarState extends State<MultipleCalendar> {
 
 ## Range
 
-<Preview src="https://shadcn-ui-playground.web.app/calendar?style=range" minHeight="450px">
+<Preview src="https://shadcn-ui-playground.pages.dev/calendar?style=range" minHeight="450px">
 
 ```dart
 class RangeCalendar extends StatelessWidget {
@@ -91,55 +91,55 @@ class RangeCalendar extends StatelessWidget {
 #### Dropdown
 
 <Preview
-  src="https://shadcn-ui-playground.web.app/calendar?captionLayout=dropdown"
+  src="https://shadcn-ui-playground.pages.dev/calendar?captionLayout=dropdown"
   minHeight="500px"
 />
 
 #### DropdownMonths
 
 <Preview
-  src="https://shadcn-ui-playground.web.app/calendar?captionLayout=dropdownMonths"
+  src="https://shadcn-ui-playground.pages.dev/calendar?captionLayout=dropdownMonths"
   minHeight="500px"
 />
 
 #### DropdownYears
 
 <Preview
-  src="https://shadcn-ui-playground.web.app/calendar?captionLayout=dropdownYears"
+  src="https://shadcn-ui-playground.pages.dev/calendar?captionLayout=dropdownYears"
   minHeight="450px"
 />
 
 ### Hide Navigation
 
 <Preview
-  src="https://shadcn-ui-playground.web.app/calendar?hideNavigation"
+  src="https://shadcn-ui-playground.pages.dev/calendar?hideNavigation"
   minHeight="450px"
 />
 
 ### Show Week Numbers
 
 <Preview
-  src="https://shadcn-ui-playground.web.app/calendar?showWeekNumbers"
+  src="https://shadcn-ui-playground.pages.dev/calendar?showWeekNumbers"
   minHeight="450px"
 />
 
 ### Show Outside Days (false)
 
 <Preview
-  src="https://shadcn-ui-playground.web.app/calendar?showOutsideDays=0"
+  src="https://shadcn-ui-playground.pages.dev/calendar?showOutsideDays=0"
   minHeight="450px"
 />
 
 ### Fixed Weeks
 
 <Preview
-  src="https://shadcn-ui-playground.web.app/calendar?fixedWeeks"
+  src="https://shadcn-ui-playground.pages.dev/calendar?fixedWeeks"
   minHeight="450px"
 />
 
 ### Hide Weekday Names
 
 <Preview
-  src="https://shadcn-ui-playground.web.app/calendar?hideWeekdayNames"
+  src="https://shadcn-ui-playground.pages.dev/calendar?hideWeekdayNames"
   minHeight="450px"
 />

docs/src/content/docs/Components/card.mdx

@@ -7,7 +7,7 @@ import Preview from '../../../components/Preview.astro';
 
 Displays a card with header, content, and footer.
 
-<Preview src="https://shadcn-ui-playground.web.app/card" minHeight="500px">
+<Preview src="https://shadcn-ui-playground.pages.dev/card" minHeight="500px">
  ```dart
 const frameworks = {
   'next': 'Next.js',
@@ -71,7 +71,7 @@ class CardProject extends StatelessWidget {
 
 ## Notifications Example
 
-<Preview src="https://shadcn-ui-playground.web.app/card?style=notifications"  minHeight="500px">
+<Preview src="https://shadcn-ui-playground.pages.dev/card?style=notifications"  minHeight="500px">
 ```dart
 const notifications = [
   (

docs/src/content/docs/Components/checkbox.mdx

@@ -7,7 +7,7 @@ import Preview from '../../../components/Preview.astro';
 
 A control that allows the user to toggle between checked and not checked.
 
-<Preview src="https://shadcn-ui-playground.web.app/checkbox">
+<Preview src="https://shadcn-ui-playground.pages.dev/checkbox">
  ```dart
 bool value = false;
 
@@ -27,7 +27,7 @@ Widget build(BuildContext context) {
 
 ## Form
 
-<Preview src="https://shadcn-ui-playground.web.app/form?style=checkboxField" minHeight="300px">
+<Preview src="https://shadcn-ui-playground.pages.dev/form?style=checkboxField" minHeight="300px">
  ```dart
 ShadCheckboxFormField(
   id: 'terms',

docs/src/content/docs/Components/context-menu.mdx

@@ -8,7 +8,7 @@ import Preview from "../../../components/Preview.astro";
 
 Displays a menu to the user — such as a set of actions or functions — triggered by a mouse right-click.
 
-<Preview src="https://shadcn-ui-playground.web.app/context-menu" minHeight="600px">
+<Preview src="https://shadcn-ui-playground.pages.dev/context-menu" minHeight="600px">
 
 ```dart
 import 'package:flutter/material.dart';

docs/src/content/docs/Components/dialog.mdx

@@ -7,7 +7,7 @@ import Preview from '../../../components/Preview.astro';
 
 A modal dialog that interrupts the user.
 
-<Preview src="https://shadcn-ui-playground.web.app/dialog?style=primary" minHeight="500px">
+<Preview src="https://shadcn-ui-playground.pages.dev/dialog?style=primary" minHeight="500px">
  ```dart
 final profile = [
   (title: 'Name', value: 'Alexandru'),
@@ -61,7 +61,7 @@ ShadButton.outline(
 
 ## Alert
 
-<Preview src="https://shadcn-ui-playground.web.app/dialog?style=alert" minHeight="500px">
+<Preview src="https://shadcn-ui-playground.pages.dev/dialog?style=alert" minHeight="500px">
  ```dart
 ShadButton.outline(
   child: const Text('Show Dialog'),

docs/src/content/docs/Components/form.mdx

@@ -7,7 +7,7 @@ import Preview from '../../../components/Preview.astro';
 
 Builds a form with validation and easy access to form fields values.
 
-<Preview src="https://shadcn-ui-playground.web.app/form" minHeight="300px">
+<Preview src="https://shadcn-ui-playground.pages.dev/form" minHeight="300px">
  ```dart
 class FormPage extends StatefulWidget {
   const FormPage({

docs/src/content/docs/Components/image.mdx

@@ -9,7 +9,7 @@ Displays an image, many formats supported (_.png_, _.jpg_, _.jpeg_, _.svg_, _.sv
 
 ## Local
 
-<Preview src="https://shadcn-ui-playground.web.app/image?style=local">
+<Preview src="https://shadcn-ui-playground.pages.dev/image?style=local">
  ```dart
 const ShadImage(
   'assets/banner.png',
@@ -21,7 +21,7 @@ const ShadImage(
 
 ## Remote
 
-<Preview src="https://shadcn-ui-playground.web.app/image?style=remote">
+<Preview src="https://shadcn-ui-playground.pages.dev/image?style=remote">
  ```dart
 const ShadImage.square(
   'https://avatars.githubusercontent.com/u/124599?v=4',
@@ -32,7 +32,7 @@ const ShadImage.square(
 
 ## Svg
 
-<Preview src="https://shadcn-ui-playground.web.app/image?style=svg">
+<Preview src="https://shadcn-ui-playground.pages.dev/image?style=svg">
  ```dart
 const ShadImage.square(
   'assets/flutter.svg',

docs/src/content/docs/Components/input.mdx

@@ -8,7 +8,7 @@ import Preview from '../../../components/Preview.astro';
 
 Displays a form input field or a component that looks like an input field.
 
-<Preview src="https://shadcn-ui-playground.web.app/input?style=email">
+<Preview src="https://shadcn-ui-playground.pages.dev/input?style=email">
  ```dart
 ConstrainedBox(
   constraints: const BoxConstraints(maxWidth: 320),
@@ -22,7 +22,7 @@ ConstrainedBox(
 
 ## With prefix and suffix
 
-<Preview src="https://shadcn-ui-playground.web.app/input?style=password">
+<Preview src="https://shadcn-ui-playground.pages.dev/input?style=password">
  ```dart
 class PasswordInput extends StatefulWidget {
   const PasswordInput({super.key});
@@ -67,7 +67,7 @@ class _PasswordInputState extends State<PasswordInput> {
 
 ## Form
 
-<Preview src="https://shadcn-ui-playground.web.app/form?style=inputField" minHeight="300px">
+<Preview src="https://shadcn-ui-playground.pages.dev/form?style=inputField" minHeight="300px">
  ```dart
 ShadInputFormField(
   id: 'username',

docs/src/content/docs/Components/popover.mdx

@@ -8,7 +8,7 @@ import Preview from '../../../components/Preview.astro';
 
 Displays rich content in a portal, triggered by a button.
 
-<Preview src="https://shadcn-ui-playground.web.app/popover" minHeight="400px">
+<Preview src="https://shadcn-ui-playground.pages.dev/popover" minHeight="400px">
  ```dart
 import 'package:flutter/material.dart';
 import 'package:shadcn_ui/shadcn_ui.dart';