Install and Configure SCSS Compilation Using the sass npm Package

[zahrafalak]

Summary

We need to add SCSS support to the project to improve the maintainability and organization of styles across components. SCSS offers enhanced styling capabilities, such as variables, nesting, and mixins, which will help make the code more modular and scalable.

Acceptance Criteria

• Install the sass npm package globally via npm install -g sass.
• Ensure SCSS files are imported and used in TypeScript components.
• Update at least one component to demonstrate the use of SCSS.