Invisible cross button on toast messages and unresponsive history cross button on pop-up cards.

[aliraza556]

Describe the bug

1. The cross button on the toast notification is invisible, making it difficult for users to locate and interact with it.
2. The history cross on pop-up cards is unresponsive, preventing users from effectively closing or interacting with these elements as intended.

Bug Demo: Link

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://community.sphinx.chat/p/{org_uuid}/organizations'
2. Observe the error.

Expected behavior

• The cross button on the toast notification should be clearly visible and easily clickable. This will enable users to quickly dismiss the notification without struggling to find or click the button.
• The history cross on pop-up cards should respond immediately to user input. When clicked, it should efficiently close the pop-up card, allowing for a smooth and user-friendly experience.

Desktop (please complete the following information):

• Browser [e.g. chrome]

Acceptance Criteria

• I have tested on Chrome desktop

[aliraza556]

@ecurrencyhodler Could you look at this issue and assign it to me?

[cybercraftsolutionsllc]

Submitted PR: #1607

What changed:

• Toast dismiss buttons are now explicitly visible and colored, so the cross is not hidden until hover.
• The shared image close control used by history-style pop-up cards now renders as a real labelled button with a stable hit target.
• Close-button clicks stop propagation before invoking the close handler.
• Added Modal regression coverage for the labelled image close button.

Validation:

• REACT_APP_IS_TEST=true NODE_ENV=test node node_modules\jest\bin\jest.js --runTestsByPath src\components\common\Modal.spec.tsx --runInBand --no-coverage --silent --transformIgnorePatterns "./svg/"
• npx eslint src\components\common\Modal.tsx src\components\common\Modal.spec.tsx --max-warnings 100
• git diff --check