[Feature] - Adding share button and relocating copy button

[dostonnabotov]

What feature would you like to see?

Now that we've implemented the search functionality, there's also a possibility to share snippets with others. For example, like this: https://quicksnip.dev/javascript/all-sub-languages/function-utilities?snippet=rate-limit-function

We plan to add a share button to make it easy and visible for our users to share/copy the code.

Regarding the copy button issue, it seems to block some code as mentioned by our contributor, @JanluOfficial, in Discord:

And, one proposed solution is to use the method from ChatGPT, where the buttons are located above the code in a small bar:

We can put both the share and copy buttons there. This issue is open. If you plan to take on this, let us know.

[JanluOfficial]

Instead of displaying the language on the left side of the bar, we could put it to the left of the snippet title.
We can also add the category of the snippet below the title. Here's a temu quality mockup I made in MS-Paint.

[JanluOfficial]

Assuming we do put the language where I suggested, we can then use the cleared up area to show who contributed the snippet to save some vertical space.

On mobile aka the tall layout, we may need to put it somewhere else though

[dostonnabotov]

Share button is added and copy button is relocated. Changes should be visible now with the following commit.

[ACR1209]

Hey @dostonnabotov, can I work on adding the language icon and category name on the snippet? 👀

[dostonnabotov]

Hey @dostonnabotov, can I work on adding the language icon and category name on the snippet? 👀

Sure