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

add tsparticles for confetti

components/MyPages/Surprises/index.tsx

@@ -2,7 +2,7 @@ import { env } from "@/env/server"
 import { getProfile } from "@/lib/trpc/memoizedRequests"
 import { serverClient } from "@/lib/trpc/server"
 
-import SurprisesNotification from "./SurprisesNotification"
+import SurprisesClient from "./Client"
 
 export default async function Surprises() {
   if (env.HIDE_FOR_NEXT_RELEASE) {
@@ -22,7 +22,7 @@ export default async function Surprises() {
   }
 
   return (
-    <SurprisesNotification
+    <SurprisesClient
       surprises={surprises}
       membershipNumber={user.membership?.membershipNumber}
     />