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

add tsparticles for confetti

types/components/blocks/surprises.ts

@@ -9,3 +9,27 @@ export interface SurprisesProps {
   surprises: Surprise[]
   membershipNumber?: string
 }
+
+export interface NavigationProps {
+  selectedSurprise: number
+  totalSurprises: number
+  showSurprise: (direction: number) => void
+}
+
+export interface CardProps extends React.PropsWithChildren {
+  title?: string
+}
+
+export interface InitialProps {
+  totalSurprises: number
+  onOpen: VoidFunction
+}
+
+export interface SlideProps {
+  surprise: Surprise
+  membershipNumber?: string
+}
+
+export interface HeaderProps extends React.PropsWithChildren {
+  onClose: VoidFunction
+}