fix: add delay for the fade in unblur effect to show

[divyaswormakai]

Issue:

When the page for animation loads, the animation for other components of the page makes it look like the previewed animation doesn't exist.

https://github.com/user-attachments/assets/cbf7b753-ecd5-444e-84ab-43f748bcba20

Fix:

Introduced a delay of approriate amount( 1.2second for now) so that the animation starts when the apperance animation completes. This is added to the previewed component only and will not show up when users will be copy pasting the code

[vercel[bot]]

@divyaswormakai is attempting to deploy a commit to the Nikhil Singh's projects Team on Vercel.

A member of the Team first needs to authorize it.

[nikhils4]

Lets just make this change in the component itself, instead of making it only for the usage on the website.

That's a good catch :)

[divyaswormakai]

I don't think we need to make the change in component, because:

1. We have some milliseconds of delay only as a result of other animations on the page.
2. The field is still editable and it can be used with or without delay. Changing the main component itself might not be the best use case for most users.

@nikhils4

[nikhils4]

Perfect! makes sense.

Merging :)