Change logic for "Last 24 hours" option of date range picker

[marla-singer]

Closes #3020

Changes

Describe your changes here as a bulleted list:

• Update query parameter "timeframe". Now it has a format as "7-day" that contains timeframe value and granularity
• When a user selects "Last 24 hours" that the charts have labels as "hour"

Developer checklist

This checklist is to be completed by the PR developer:

• Alternative solutions were compared/discussed before writing code
  • trade-offs with this solution are considered acceptable
• Code in this PR adheres to the project styleguide
• This pull request does not decrease project test coverage
• If the code changes existing database collection(s), migration has been written
• If UI texts are added or changed, all texts are internationalized

Reviewer checklist

Reviewed by: @matleppa @mauriciovieira

This list is to be completed by the pull request reviewer:

• Code works as described/expected
• Code seems to be error free
  • no browser console errors visible
  • no server console errors visible
  • passes CI build
• Code is written in a way that promotes maintainability
  • easy to understand
  • well organized
  • follows project coding standards and conventions
  • well documented

[marla-singer]

PR is not ready for review. I'd like to include also #3052 task

[matleppa]

I guess this PR is to be closed, because of the coming changes in way storing the traffic information, which causes changes in dashboard functionality, right?

[bajiat]

@marla-singer What is your opinion? Should we close this as @matleppa suggested in the previous comment?

[marla-singer]

@bajiat Yes