Use clean window period variables

[desa]

Currently, when we calculate window period we do

influxdb/ui/src/variables/utils/getWindowVars.ts

Lines 66 to 68 in a207147

	const queryDuration = getMinDurationFromAST(substitutedAST)
	return Math.round(queryDuration / DESIRED_POINTS_PER_GRAPH)

The result is that we end up sending a lot more data to the client than what we would expect.

We should have pre-defined bucket sizes like 10s, 30s, 1m, 5m, 10m, 30m, 60m, etc and round to the nearest depending on the duration of the query.

[ebb-tide]

currently the duration to window period relationship is

duration	window period	change to
5m	0.83s	10s
15m	2.5s	10s
1h	10s	1m
6h	60s
12h	120s	2m
24h	240s	4m
2d	480s	8m
...

what would be a more appropriate relationship do you think?

[ebb-tide]

waiting for https://github.com/influxdata/influxdb/pull/16385/files -Done