style(knapsack): adjusting style overrides for new update

[owilliams320]

Description

This pull request includes changes to the apps/knapsack/public/ks-overrides.css file to improve the layout and responsiveness of the application. The most important changes include adding HTML to the body selector for background color consistency and introducing new CSS rules to ensure certain elements have appropriate minimum width and height based on their parent elements.

What's included?

• Added html to the body selector to ensure the background color is applied consistently across the entire page.
• Introduced a new CSS rule for elements with the class knapsack-wrapper and knapsack-pattern-direct-parent to ensure they have a minimum width and height of 100vw and 100vh respectively when they contain specific child elements like cv-action-ribbon, cv-top-app-bar, or cv-toolbar.
• Added another CSS rule for knapsack-wrapper elements to ensure a minimum width of 100vw when they contain child elements such as cv-alert, cv-linear-progress, cv-slider, or cv-slider-range.

Test Steps

• nx run knapsack:serve
• then open knapsack locally and test the action ribbon component

General Tests for Every PR

• npm run start still works.
• npm run lint passes.
• npm run stylelint passes.
• npm test passes and code coverage is not lower.
• npm run build still works.

Screenshots or link to StackBlitz/Plunker

[owilliams320]

🎉 This PR is included in version 10.0.1 🎉

The release is available on:

• v10.0.1
• GitHub release

Your semantic-release bot 📦🚀