Update product card layout and styles; upgrade @mate-academy/scripts …

[Manuilenkoart]

• there 2 BEM blocks card and stars each in their own file
• SCSS Nesting is used for elements, modifiers and pseudo-classes
• SCSS Variables are used for main values and placed in a separate file
• all stars--N modifiers work as expected (Highlight first N stars)
• Code follows all the Code Style Rules ❗️

[mateacademy-ai-mentor]

---

It looks like there are a few critical issues that need to be addressed before we can approve this pull request:

1. Undefined SCSS Variables: The variables $blue-accent, $color-main, and $color-secondary are used but not defined in your SCSS setup. This will lead to errors during compilation. Please ensure these variables are defined in your variables.scss or another appropriate file.

2. SCSS Compilation: The SCSS file is being linked directly in the HTML, which is not standard practice. Ensure that Parcel is set up to compile your SCSS into CSS, and link the resulting CSS file in your HTML instead. This will help maintain compatibility across different browsers and ensure proper styling.

Once these issues are resolved, your code will be in great shape! Keep up the good work, and feel free to reach out if you have any questions or need further assistance. 😊

✨ Please rate this review in the Platform's notification center. I will be grateful for your feedback! ✨

🔄 Fix the issues, commit the changes, and then re-request my review using the Re-request review button in the Reviewers tab.