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.
T271820 implements URL sharing but doesn't yet expose it in the UI.
[[ https://www.figma.com/file/hZpaYX0xNNhK0L7kBvN6WK/Query-Builder?node-id=3028%3A322 | Desktop (Layout 1-3) ]]
[[ https://www.figma.com/file/hZpaYX0xNNhK0L7kBvN6WK/Query-Builder?node-id=3028%3A486 | Mobile (Layout 4) ]]
[[ https://www.figma.com/file/hZpaYX0xNNhK0L7kBvN6WK/Query-Builder?node-id=3031%3A34840 | Tooltip ]]
GIVEN a visual query
[ ] UI has functionality to generate and copy a link to the current visual query
[ ] url is automatically copied to clipboard
* 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 space between them. A task was created to investigate how to ensure that the right spacing could be applied: https://phabricator.wikimedia.org/T270327
* use native tooltip as a placeholder for now until the tooltip component is there
* responsive behaviour is handled in a separate ticket
* for now we show the full URL - URL shortening will be handled in a separate ticket