Added progress bar to toast messages for better UI experience

[dhairyashiil]

Brief Title

Added progress bar to toast messages for better UI experience

Acceptance Criteria fulfillment

• Combine progress bar with toast messages so that the progress bar duration matches the time the toast message stays on the screen.
• Ensure the progress bar is dynamically adapted to both light and dark themes.
• Implement border radius for the progress bar to match the toast message style.
• The color of the progress bar should match the toast message's color palette:
• For light theme, the progress bar will be a darker tone.
• For dark theme, the progress bar will be a lighter tone.

Fixes #902

Video/Screenshots

light.theme.toast.message.mp4

and

dark.theme.curve.variant.toast.message.mp4

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-903 after approval. Contributors are requested to replace <pr_number> with the actual PR number.

[Spiral-Memory]

Looks like a good addition @dhairyashiil

Can we please have completely round in Curve variants, like was before :

[dhairyashiil]

Hello @Spiral-Memory , so are you suggesting removing the progress bar for Curve variants, or do you want a completely round shape along with the progress bar?
Which option—first or second?