Example PR: Extending the VideoService to use live API data

[ar9708]

🚀 Description

This is an example PR that adds 1 new commit by @TOPDeveloperPB from #37 + 1 corrections commit from @ar9708, on top of the commit from PeertubeVideosApi PR #33 by @mblomdahl. These changes satisfies the item no. 2 requirements in OwnTube-tv/.github#8.

📄 Motivation and Context

This PR is intended as code review feedback on #37.

🧪 How Has This Been Tested?

• [x] All unit tests pass
• [x] The Prettier and ESLint checks pass
• [x] The GitHub Actions pipeline pass and deploys to my GitHub Pages at https://ar9708.github.io/web-client/

📷 Screenshots (if appropriate)

Web Inspector, data is now loaded from the PeerTube API as default, while the testData.json data is only used when executing tests on the

📦 Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

✅ Checklist (copied from README)

• [x] Squash your changes into a single clear and thoroughly descriptive commit, split changes into multiple commits only when it contributes to readability
• [x] Reference the GitHub issue that you are contributing on in your commit title or body
• [x] Sign your commits, as this is required by the automated GitHub PR checks
• [x] Ensure that the changes adhere to the project code style and formatting rules by running npx eslint . and npx prettier --check ../ from the ./OwnTube.tv/ directory (without errors/warnings)
• [x] Include links and illustrations in your pull request to make it easy to review
• [ ] Request a review by @ar9708, @OGTor, @tryklick and @mblomdahl

[ar9708]

Merged in #62