feat: Enhance video recorder

[dhairyashiil]

Brief Title

Acceptance Criteria fulfillment

• Make transitions smoother for starting, stopping, and sending the video, so users have a better flow when using the recorder.
• Update the interface with buttons for starting, stopping, and sending the video. The send button should be disabled until there’s a recording to send.
• Buttons change color according to the theme (light/dark mode).

Fixes #830

Video/Screenshots

Enhance.video.recorder.mp4

PR Test Details

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

[Spiral-Memory]

Do we really need this much code changes for this ?

[dhairyashiil]

Do we really need this much code changes for this ?

Yes, I have written a new function in 'useMediaRecorder.js'. The earlier functions were not supporting the current functionality I implemented. I wanted to completely remove those old functions, but currently, they are still used to record audio messages in 'AudioMessageRecorder.js'. Maybe after this PR gets merged, I will use the new function I wrote in this PR to record audio messages as well.

[Spiral-Memory]

@dhairyashiil
Resolve the conflicts

[dhairyashiil]

@dhairyashiil Resolve the conflicts

Done. Resolved the merge conflict.

[Spiral-Memory]

Still there

[dhairyashiil]

Still there

Hello @Spiral-Memory , Resolved. Please check