fix(SW-696): split up surprises into more components for readability

add tsparticles for confetti

components/MyPages/Surprises/confetti.ts

@@ -0,0 +1,13 @@
+import { confetti as particlesConfetti } from "@tsparticles/confetti"
+
+export default function confetti() {
+  particlesConfetti("surprise-confetti", {
+    count: 300,
+    spread: 150,
+    position: {
+      y: 60,
+    },
+    colors: ["#cd0921", "#4d001b", "#fff"],
+    shapes: ["star", "square", "circle", "polygon"],
+  })
+}