Make initial generated link clickable and opens a new tab

[priambudiLB]

This issue is a:

• bug report
• feature request
• styling change request

Current behavior:

After generate a new link, a box with the generated URL & copy button will appear. The link is unclickable.

Requested behavior:

The generated link in the box being clickable.

Why this behavior is better:

I think most of the user will test the link by clicking the copy button, open a new tab, and paste then press enter. Making the link clickable to open the generated link in a new tab will save the user's time rather than: clicking the copy button -> open a new tab -> paste the link. We should keep the copy button, just add a new functionality to open the generated link in a new tab.

[priambudiLB]

I would like to work on this issue if possible.

[priambudiLB]

I just created a PR, please check my implementation and review when possible.

Is this project's Unit Test hasn't been setup yet? I have no experience in setting up Unit Tests using Next.JS. Perhaps the maintainers could help to create a sample test for others to follow.

[jonathanfilbert]

Is this project's Unit Test hasn't been setup yet? I have no experience in setting up Unit Tests using Next.JS. Perhaps the maintainers could help to create a sample test for others to follow.

I think Jest would be useful here for unit testing. Please make a separate issue for the unit testing so we can get others working on it. Thanks!