Feat: Sync overlay transition with sidebar transition in mobile view

[JakubChorzepa]

Fixes Issue

Closes #1007

Changes proposed

Screenshots

Note to reviewers

Used existing react-transition-state library with useTransition hook.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
linkshub	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 9, 2023 0:14am

[github-actions]

Thank you, JakubChorzepa, for creating this pull request and contributing to LinksHub! 💗

The maintainers will review this Pull Request and provide feedback as soon as possible! 😇
We appreciate your patience and contribution, Keep up the great work! 😀

[CBID2]

Looks ok

[rupali-codes]

could you please describe what changes you've made?

[JakubChorzepa]

could you please describe what changes you've made?

Yeah, I've added status and toggle function at component mount using react-transition-state so that now when Backdrop is entering it is transparent and when it is entered it changes its to full visibility.

It allows to add transition so now when side bar is opening the backdrop does not appear instantly after hamburger menu click, it enters with delay and smooth transition.

The transition is optional if we don't pass transition in Backdrop class name while using component it won't have it.

[rupali-codes]

could you please describe what changes you've made?

Yeah, I've added status and toggle function at component mount using react-transition-state so that now when Backdrop is entering it is transparent and when it is entered it changes its to full visibility.

It allows to add transition so now when side bar is opening the backdrop does not appear instantly after hamburger menu click, it enters with delay and smooth transition.

The transition is optional if we don't pass transition in Backdrop class name while using component it won't have it.

thanks

[rupali-codes]

lgtm

[k-deepak04]

@rupali-codes plz merge this, i'm not getting the option to do so.