refactor(PauseScreensMenu): Convert to standalone

[hirokiterashima]

Changes

This pull request includes several changes primarily focused on the PauseScreensMenuComponent and its related files. The changes involve refactoring, updating imports, and modifying the component's structure and test files.

Refactoring and Updates to PauseScreensMenuComponent:

• Removed and re-added PauseScreensMenuComponent in the classroom-monitor.module.ts file to ensure it is correctly imported and used. [1] [2]
• Updated the HTML template to use a @for loop instead of *ngFor for rendering periods and adjusted the mat-divider syntax. [1] [2]
• Added several Angular Material modules and other dependencies to the imports of PauseScreensMenuComponent and updated the component to be standalone.
• Changed the visibility of class properties and methods in PauseScreensMenuComponent from public to protected for better encapsulation.

Test File Adjustments:

• Removed unnecessary imports and declarations from the top-bar.component.spec.ts test file and ensured PauseScreensMenuComponent is correctly imported. [1] [2]

Miscellaneous:

• Updated the messages.xlf file to reflect changes in the PauseScreensMenuComponent HTML template.

Test

• Pause screens works as before

[hirokiterashima]

🎉 This issue has been resolved in version 5.163.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀