Develop

[ShaneIsrael]

This pull request focuses on simplifying the layout logic for video cards and navigation by removing the cardSlider prop, standardizing card sizing, and improving responsive design. The changes streamline the codebase, making the layout more predictable and maintainable across different pages and devices.

Layout and Responsiveness Improvements:

• Removed the cardSlider prop from MainNavbar and all its usages in App.js to simplify the navigation component's interface and reduce complexity. [1] [2] [3] [4] [5] [6]
• Updated the video card grid in VideoCards.js to always use width: 100% and a single-column layout when appropriate, ensuring consistent alignment and spacing.
• Standardized card sizing by replacing the multiplier with a fixed CARD_SIZE = 300 in MainNavbar.js, and passed this value to children. [1] [2]

Navigation and Toolbar Enhancements:

• Simplified and unified the left and right toolbar layout in MainNavbar.js for both mobile and desktop, improving the alignment and spacing of search and controls.
• Refined padding logic in MainNavbar.js to provide edge-to-edge layouts for media/list pages on mobile, while maintaining padding for forms and settings pages.

Other:

• Bumped the client package version from 1.7.0 to 1.7.1 in package.json.