fix: use non-worker canvas-confetti instance

The default confetti() export uses OffscreenCanvas + Web Worker
which silently fails in some contexts. Using confetti.create()
with main-thread rendering instead.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: comatory

studio/src/hooks/use-fireworks.ts

@@ -1,6 +1,12 @@
 import confetti from 'canvas-confetti';
 import React from 'react';
 
+// Use main-thread rendering instead of the default Worker-backed confetti().
+// The default export uses main.toString() to inject itself into a Blob Worker,
+// which breaks when bundlers (Next.js/webpack) transform the code.
+// See: https://github.com/catdad/canvas-confetti/issues/166
+const fire = confetti.create(undefined, { resize: true });
+
 const fireworks = () => {
   const duration = 2 * 1000;
   const animationEnd = Date.now() + duration;
@@ -19,13 +25,13 @@ const fireworks = () => {
 
     const particleCount = 50 * (timeLeft / duration);
     // since particles fall down, start a bit higher than random
-    confetti(
+    fire(
       Object.assign({}, defaults, {
         particleCount,
         origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 },
       }),
     );
-    confetti(
+    fire(
       Object.assign({}, defaults, {
         particleCount,
         origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 },