Improve reports layout

[sanne-san]

Changes

• Create new ReportLayout and ReportHeader components to ensure consistent layout across reports
• Remove title from report header, and place tabs in the top left corner
• Move the details button to the top right corner, rather than the bottom of the report, to reduce vertical space and improve readability. Reduce it to a simple icon with a 'View details' tooltip.
• Update the Search terms report to use the new ReportLayout and ReportHeader components.
• Update dashboard to use a simple grid layout, simplifying the html markup and css.
• Change 'Screen sizes' title to 'Devices' in the devices report.
• Change 'Top pages' title to 'Conversion pages' in the pages report, whenever a conversion goal filter is applied.
• Change 'Goals' tab label to the name of the special goal whenever filtered by special goal (e.g. 'File download').
• Add 'last 30min' pill to the behaviour report when on realtime dashboard, rather than displaying this in the title.
• Remove the Combobox input from the custom properties report, and use the same tab dropdown pattern as used for funnels and UTM campaigns.
• Increased the number of items displayed by default before pagination is applied from 5 to 10 in the tab dropdown.
• Activate search input when tab dropdown is opened (if search input is present).
• Improve map and graph colors.
• Improve map tooltip typography and fix regression of tooltip being clipped on the edges of the box.
• Improve typography of the dashboard top bar.
• Add icons for Ultra-wide and (not set) device sizes.

Tests

• Automated tests have been added

Documentation

• Docs have been updated

Dark mode

• The UI has been tested both in dark and light mode

[github-actions]

Preview environment👷🏼‍♀️🏗️
PR-5962