feat(livepeer): integrated livepeer into turboeth

[ThakurKarthik]

added livepeer ondemand and livestream options.

I have added two routes, one for ondemand viewing, another one for livestream which I demoed from obs app.

ondemand demo: https://www.loom.com/share/23fc3114869d47058e19519d3368624b livestream demo: https://www.loom.com/share/7674281d761c453e92e0c0a724cb6fd0

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
turbo-eth	❌ Failed (Inspect)			Jun 4, 2023 11:40am
turbo-test	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 4, 2023 11:40am

[vercel[bot]]

@ThakurKarthik is attempting to deploy a commit to the District Labs Team on Vercel.

A member of the Team first needs to authorize it.

[ThakurKarthik]

@kamescg @marthendalnunes this is ready for review.

[ThakurKarthik]

Thank you @marthendalnunes for helping with the review. I originally worked on the template instead of forking the repo. So I missed a lot of files to be added. I am still working on some of your review comments on styling and tailwind thing.

[ThakurKarthik]

changes made after some css suggestions above

ondemand page

before

after

livestream

before

after

[hthillman]

Nit: can you do a global change of LivePeer -> Livepeer per project brand guidelines?

[ThakurKarthik]

Deployed here https://template-web3-app-1-keburim1e-thakurkarthik.vercel.app/

[ThakurKarthik]

Updated ondemand page with tab like structure and also came across the progressbar component and used it for showing the progress ! Latest deploy url https://template-web3-app-1-ph4ma6y63-thakurkarthik.vercel.app/ Before:

After:

[ThakurKarthik]

Updated the livestream UI, it is now divided into 3 stages shown as an accordian