Enhance Add Link Modal and disable audio/video/file messages on typing

[thepiyush-303]

As an EmbeddedChat developer

I need to: improve 'Add Link' modal and on typing inside message box Audio/video/file messages should be disable but they always enabled. also there is no backdrop for the Addlink modal (clicking outside or Esc should close that modal),

Also, You might notice there is slightly blurriness when you send emojis in the chat both for big and small sizes. i want to add a condition for disabling these 3 buttons when user type anything these 3 should be disabled.

There is an issue with adding emojis in messages. When typing a 2-3 line message and trying to insert an emoji in between the text, clicking on the emoji picker and selecting an emoji causes it to be added at the end of the message instead of the desired position.

Acceptance Criteria

• [x] Improving Add Link Modal - adding link icon, giving label
• [x] Disabling Audio/video/file messages on typing
• [x] add backdrop
• [x] add labels
• [x] improving emojis view
• [x] handling adding of emoji in messages through emoji picker.

https://github.com/user-attachments/assets/43454a15-410e-4188-8e43-a64f49f8d693

the video showing adding emoji issue:

https://github.com/user-attachments/assets/77ffb743-d118-4c0b-97e2-1d2964eec330