refactor: make into reusable components

[sozonome]

Description

Linked Issues

Preview / Screenshot

Photo	Video

Checklist

• [ ] I have followed commit guideline to create PR title (https://conventionalcommits.org/en/v1.0.0/)

[vercel[bot]]

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

Name	Status	Preview	Updated
muvees	✅ Ready (Inspect)	Visit Preview	Oct 25, 2022 at 0:44AM (UTC)

[cloudflare-workers-and-pages[bot]]

Deploying with    Cloudflare Pages

Latest commit:	18856c0
Status:	⚡️  Build in progress...

View logs

[sonarcloud[bot]]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication