As an editor I want to share my visual query via URL in order to make bug reporting easier and to share my query with other editors.
**Problem:**
T271820 implements URL sharing but doesn't yet expose it in the UI.
**Screenshots/mockups:**
[[ https://www.figma.com/file/hZpaYX0xNNhK0L7kBvN6WK/Query-Builder?node-id=3028%3A322 | Desktop (Layout 1-3) ]]
{F34026852}
[[ https://www.figma.com/file/hZpaYX0xNNhK0L7kBvN6WK/Query-Builder?node-id=3028%3A486 | Mobile (Layout 4) ]]
{F34026873}
[[ https://www.figma.com/file/hZpaYX0xNNhK0L7kBvN6WK/Query-Builder?node-id=3031%3A34840 | Tooltip ]]
{F34038041}
**BDD**
GIVEN a visual query
AND
WHEN
AND
THEN
AND
**Acceptance criteria:**
[ ] UI has functionality to generate and copy a link to the current visual query
[ ] url is automatically copied to clipboard
**Notes:**
* needs quiet button with icon component: Buttons were implemented in a way that both button icon and label occupy the same slot, so there's no proper spacing between them. A task was created to investigate how to ensure that the right spacing could be applied: T270327
* use native element as a placeholder for now until the popover component is there: T273041
* responsive behaviour is handled in a separate ticket
* for now we show the full URL - URL shortening will be handled in a separate ticket