Show correct URL in address bar and share button

[Snailedlt]

I've only recently noticed that there's a share button.
Personally I prefer just copying the URL from the address bar whenever I want to share a website with someone. This is because every website has a different location for their share button, but the URL is always visible in the browser's address bar.
However on this website that's not possible because the address bar does not have the link that I want to share.

For example if I wanted to share the Minimal Template example to showcase the difference between svelte and react the URL I want is: https://component-party.dev/compare/svelte4-vs-react#minimal-template. Now if I click the share button I get this URL: https://component-party.dev/compare/svelte4-vs-react, but if I copy the URL from the address bar I get this URL: https://component-party.dev/#minimal-template.
Notice how both of the URLs are missing crucial portions that are needed to showcase what I want to share.

So what needs fixing?

1. The URL generated by the share button should append the Id of the selected example... for example #minimal-template
2. The URL in the address bare should reflect the selected languages.

TLDR; If I select Svelte 4 and React, and click on the * Minimal Template*, both clicking on the share button and the copying the URL in the address bar should result in this URL: https://component-party.dev/compare/svelte4-vs-react#minimal-template