feat: added unique id generation using React's useId() hook

[sahil9001]

Description

Updates the Video Player to use the useId hook to reliably generate a unique player ID.

Issue Ticket Number

Fixes #493

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Fix or improve the documentation
• This change requires a documentation update

Checklist

• I have followed the contributing guidelines of this project as mentioned in CONTRIBUTING.md
• I have created an issue ticket for this PR
• I have checked to ensure there aren't other open Pull Requests for the same update/change?
• I have performed a self-review of my own code
• I have run tests locally to ensure they all pass
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes needed to the documentation

[vercel]

@sahil9001 is attempting to deploy a commit to the Cloudinary DevX Team on Vercel.

A member of the Team first needs to authorize it.

[sahil9001]

Relates to #493

[vercel]

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

Name	Status	Preview	Updated (UTC)
next-cloudinary	✅ Ready (Inspect)	Visit Preview	Oct 3, 2024 7:20pm

[colbyfayock]

@sahil9001 this seems to work pretty well

1 thing i noticed is if you go to the Examples page and remove all of the IDs, which with this working properly should work, but it ends up breaking player configurations

i tested locally replacing the : in the unique ID with nothing and that seemed to work

const playerId = id || `player-${uniqueId.replace(/:/g, '')}`;

[sahil9001]

Thanks @colbyfayock , I have added that now, please have a look.

[colbyfayock]

seems to work perfectly! thanks @sahil9001

This PR qualifies for free Hacktoberfest swag from Cloudinary. Please email me at hacktoberfest@cloudinary.com with your name, GitHub username, and a link to this PR

[colbyfayock]

@all-contributors please add @sahil9001 for code

[allcontributors]

@colbyfayock

I've put up a pull request to add @sahil9001! 🎉

[github-actions]

🎉 This PR is included in version 6.14.0 🎉

The release is available on:

• pnpm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 7.0.0-beta.3 🎉

The release is available on:

• pnpm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀