Fix consultation queue popup overflow on mobile and improve global popup visibility

This merge request fixes the issue where the consultation queue popup message was overflowing outside the screen margins, especially on mobile devices such as iPhone. The popup positioning has been updated to ensure it stays properly centered and within the viewport across all screen sizes.

Additionally, popup notification styles were improved globally by removing transparency and using solid background colors, proper spacing, and higher z-index. This ensures popup messages are clearly visible, readable, and do not show background content through them.

Changes include:

Fixed popup overflow issue in consultation queue popup.

Ensured popup stays within mobile screen margins.

Improved responsive positioning for all devices.

Removed transparent backgrounds from popups.

Applied consistent, solid, and clean popup styling across the application.

These changes improve overall user experience and ensure consistent and professional notification behavior throughout the eHRS application.