Create confeti effect

src/pages/ValidatorOnboarding/Activation/Activation.tsx

@@ -1,7 +1,20 @@
-import { YStack } from 'tamagui'
+import { XStack, Stack, YStack } from 'tamagui'
+import { Text } from '@status-im/components'
+import Confetti from 'react-confetti'
 
 const Activation = () => {
-  return <YStack style={{ padding: '16px 32px' }}></YStack>
+  return (
+    <Stack>
+      <Confetti width={1000} height={800} />
+      <YStack style={{ width: '100%', padding: '16px 32px' }}>
+        <XStack justifyContent={'space-between'} style={{ marginBottom: '10px' }}>
+          <Text size={27} weight={'semibold'}>
+            Validator Setup
+          </Text>
+        </XStack>
+      </YStack>
+    </Stack>
+  )
 }
 
 export default Activation

src/pages/ValidatorOnboarding/ValidatorSetup/CompleteSetup.tsx

@@ -1,16 +0,0 @@
-import { XStack, Stack, YStack } from 'tamagui'
-import { Text } from '@status-im/components'
-import { useState } from 'react'
-const CompleteSetup = () => {
-  return (
-    <YStack style={{ width: '100%', padding: '16px 32px' }}>
-      <XStack justifyContent={'space-between'} style={{ marginBottom: '10px' }}>
-        <Text size={27} weight={'semibold'}>
-          Validator Setup
-        </Text>
-      </XStack>
-    </YStack>
-  )
-}
-
-export default CompleteSetup