fix: share button available in mobile view

[JeevaRamanathan]

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)
  Bug Fix
• Why was this change needed? (You can also link to an open issue here)
  Address 🐛 Bug Report: No share button on mobile #1227
  
  Along with the avatar it would be:
  

[vercel]

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

A member of the Team first needs to authorize it.

[siiddhantt]

hi! @JeevaRamanathan Thanks for the PR.

this needs to be aligned properly

[JeevaRamanathan]

Hi @siiddhantt, based on this #1227 (comment), Profile icon is not on the open source version, if the screenshot that you shared is tested locally by any chance. Could you please confirm?

[siiddhantt]

oh true it's not on the OSS version, just the positioning then so it's aligned properly. Thanks!

[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	Oct 14, 2024 9:50pm

[JeevaRamanathan]

@dartpain, @ManishMadan2882 requesting your review on this

[ManishMadan2882]

@JeevaRamanathan
In mobile screen the Share button in Navigation is overlapped by another share button in the Conversation component.
Could you please try to have Share button in any one of the components and sync your branch.
Thanks!

[JeevaRamanathan]

Sure, let me check

[JeevaRamanathan]

Oh yeah, thanks for highlighting @ManishMadan2882, as Share button is used in multiple components I created a separate ShareButton component and used hidden md:block in Conversation component. Is this approach fine?

[JeevaRamanathan]

Hi @ManishMadan2882 merge conflict resolved!

[JeevaRamanathan]

Hi @ManishMadan2882, would you mind looking into this changes in completing this PR

[ManishMadan2882]

Just tested on my Playwright emulator for Mobile Safari, looks good !