URL sharing for QAN

User story:
AS DBA, I need to share the exact query at the precise moment with my team members so that we can investigate and discuss some incidents. The person who will open the shared link might do this several hour later.

UI/UX:
Use the Share button from Top or an addition share button in QAN for simplicity.

or 

Acceptance criteria

• User can get a sharable link to the stage of QAN he is looking right now
• The person who will open the shared link is seeing the same time interval, query, the tab the original user was looking at, filters and columns
• The table page number should also be shared in the link
• Time interval for the link - includes the latest time interval QAN was reloaded. So if Qan opened at X and then Shared link created in X+2 .. the internal should be still X
• Documentation and in app hint how to share links
• Copying URL from the browser - should keep the same time internal values as on the page. This means - if the user has Now + now -x hours. This should be in Copy-paste URL and it's OK

Out of scope:

• make magic mind-reading: do we need relative (now, now-X hours) format or fixed. We'll use a Fixed time interval for sharing the query.

How to test:

First use case (relative time range with new share button):

By default Grafana time range uses relative time (e.g. now and now - 12h), we want to be sure that when sharing a link to QAN it shows exactly what the user was seeing when it was shared

1. Go to QAN, check the time that you entered (e.g. 12h00) and select a query
2. Wait for several minutes and check the time again (e.g. 12h05)
3. Click on the new button to copy URL or on Grafana option to share dashboard
4. Paste the URL on other browser tab and check that the query is still selected and the time range matches the one you were seeing in QAN previously (e.g. you entered the page at 12h00 and by default QAN was showing the time range from now-12h to now, so you should see in the URL time stamp from 00h to 12h)
5. Repeat this this steps with other relative time ranges

Second use case (relative time range copy URL from browser):

1. Go to QAN and check the time that you entered (e.g. 12h00) and select a query
2. Wait for several minutes and check the time again (e.g. 12h05)
3. Copy the URL through the browser address bar
4. Paste the URL in another browser tab
5. Check that the time range is NOT the same you were seeing previously (e.g. the time range should be relative to the time you entered in QAN again, so if you entered QAN at 12h30 you should see data until that point)

Third use case (specific time range):

1. Go to QAN and set a specific time range in Grafana's time picker
2. Click on the new button to copy/share QAN URL or in Grafana's option to share dashboard URL or copy from browser address bar
3. Paste this URL in another tab and check that the time range there is the same that you entered

Fourth use case (table page):

1. Go to QAN, change table page and select a query
2. Click on the new button to copy/share QAN URL or in Grafana's option to share dashboard URL
3. Paste this URL in another tab and check that the table page and selected query are still the same

Fifth use case (columns and filters):

1. Go to QAN, add a new column and use some filters
2. Click on the new button to copy/share QAN URL or in Grafana's option to share dashboard URL
3. Paste this URL in another tab and check the new column added is present as well as the filters