Message bubble responsiveness

[ManishMadan2882]

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)

• Fixes - responsiveness for Mobile and Tablet Screens
• Fixes - Like, Dislike, Copy buttons overlapped sources
• Refactored - Wrapped the Three buttons(Copy, 👍🏼,👎🏻) in a single Div
• Fixes Code overflow - Added Specific Max-Widths for Message Markdown large:
  • Large :50 vw
  • Medium 70vw
  • Small: 90vw (default)

• Why was this change needed? (You can also link to an open issue here)
  UI enhancement, fixes, responsive behaviour

Demo

• These 3 buttons come after the Markdown text in Mobile/Tablets
  
• Fixed Overflow for Large Texts (especially the ones including code)
  

[vercel]

@ManishMadan2882 is attempting to deploy a commit to the Arc53 Team on Vercel.

A member of the Team first needs to authorize it.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (3e3886c) 19.11% compared to head (6058939) 19.11%.
Report is 4 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #841   +/-   ##
=======================================
  Coverage   19.11%   19.11%           
=======================================
  Files          65       65           
  Lines        3013     3013           
=======================================
  Hits          576      576           
  Misses       2437     2437           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[dartpain]

Amazing job @ManishMadan2882
I think it would look better if we put the Three buttons(Copy, 👍🏼,👎🏻) on top

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs-gpt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 29, 2024 1:43pm

[dartpain]

Thank you!