fix: added <Toaster /> to sonner example

Author: stefan-karger

apps/docs/src/registry/example/sonner-demo.tsx

@@ -1,22 +1,26 @@
 import { toast } from "solid-sonner"
 
 import { Button } from "~/registry/ui/button"
+import { Toaster } from "~/registry/ui/sonner"
 
 export default function SonnerDemo() {
   return (
-    <Button
-      variant="outline"
-      onClick={() =>
-        toast("Event has been created", {
-          description: "Sunday, December 03, 2023 at 9:00 AM",
-          action: {
-            label: "Undo",
-            onClick: () => console.log("Undo")
-          }
-        })
-      }
-    >
-      Show Toast
-    </Button>
+    <>
+      <Button
+        variant="outline"
+        onClick={() =>
+          toast("Event has been created", {
+            description: "Sunday, December 03, 2023 at 9:00 AM",
+            action: {
+              label: "Undo",
+              onClick: () => console.log("Undo")
+            }
+          })
+        }
+      >
+        Show Toast
+      </Button>
+      <Toaster />
+    </>
   )
 }