Added icons to share options list and added an alert box for sign in

[kritikash18]

1. Currently, when clicking on sign in with blank username and room, nothing happens. For that, added an alert box for user to specify room and username as shown below

2. Currently, the share list looks like this:

Updated it with icons for each option, so it looks like this:

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

chatcus – ./client

🔍 Inspect: https://vercel.com/manuelalferez/chatcus/92hcFPLXyiyhGfaSW3ckv54EjX1p
✅ Preview: https://chatcus-git-fork-kritikash18-iconsshare-manuelalferez.vercel.app

[Deployment for b5ad308 failed]

chat – ./client

🔍 Inspect: https://vercel.com/manuelalferez/chat/2Zf2NMc1FfCKLfTtHyix7TcUNesB
✅ Preview: https://chat-git-fork-kritikash18-iconsshare-manuelalferez.vercel.app

[Deployment for b5ad308 failed]

[kritikash18]

Fixes #24

[iamvishal345]

@kritikash18 , This is good UI change. I have some suggestions for this change

1. Currently the icon and menu text is not center aligned.
2. You have you png images . Please replace these with svg. You can find svg icons here.
3. Also may be add a hover effect and change icon color according to logo.

Regarding alert box, this is also great.
I have added a modal component in latest PR so you can use that one instead of default alert box.

[kritikash18]

@manuelalferez @iamvishal345 I updated the icons to SVG and center aligned the content. After alignment, which one of the following do you think looks better?

With names:

Without names:

[iamvishal345]

@manuelalferez @iamvishal345 I updated the icons to SVG and center aligned the content. After alignment, which one of the following do you think looks better?

With names:

Without names:

@kritikash18 I think vertical align is fine. Keep horizontal align as space between.

Something like this.
For more reference checkout the Copy Link option in share dropdown of articles in dev.to

[manuelalferez]

I see everything perfect. Thanks @kritikash18 for the new feature and @iamvishal345 for the review.