Create initial components for rendering the landing page #11 #24

Description This pull request significantly enhances the App.tsx component, introduces new components such as MainPageComponent and VideoThumbnailComponent, updates service logic, and upgrades various dependencies. These improvements aim to create a robust component-based architecture to efficiently manage and display video content categorized, thus improving user experience and application performance.

Motivation and Context The updates are driven by the necessity to develop a responsive and interactive user interface for the OwnTube.tv web client, as detailed in GitHub issue #11. The revisions adopt a structured method for processing video content, enhancing both the performance of the application and the user interaction.

Testing The updates have undergone extensive testing, including:

Unit Testing: Executed unit tests in videoServices.test.tsx to confirm the new data fetching logic functions as intended.
Manual Testing: Verified that the UI renders correctly and dynamically adapts to changes in data and screen dimensions within a development environment.
Code Quality Tools: Ensured compliance with coding standards and consistency utilizing ESLint and Prettier.

Screenshots View screenshots or GIFs here to visualize the updates to the user interface, providing a clearer understanding of the implemented features.

Types of Changes

[x] New Features: Introduces functionalities that enhance the application's capabilities.
[x] Bug Fixes: Implements corrections that improve the operation of existing functionalities.
[x] Breaking Changes: Introduces updates that may impact current functionalities unexpectedly.

Checklist

[ ] Consolidate commits into a single detailed commit that clearly describes all changes.
[ ] Include the relevant GitHub issue in the commit message.
[ ] Ensure all commits are signed as required by GitHub's standards.
[ ] Verify the code adheres to established style and formatting guidelines.
[ ] Reference GitHub issue #11 in all commit messages.
[x] Tag appropriate reviewers: @ar9708, @OGTor, @tryklick, and @mblomdahl.

Additional Considerations

Component Styling: Adhere to React's best practices for component styling and incorporate necessary configurations for CSS compilation.
Theming Support: Address project goal #4 by explaining how built-in theming support is integrated or planned for future integration.

Review and Documentation

Code Review: Solicit a detailed code review to ensure all modifications are optimal and correctly executed.
Documentation: Update project documentation to reflect the introduction of new components and functionalities with this update.

OwnTube-tv / web-client

Create initial components for rendering the landing page #11 #24 #32