feat(frontend): new tags dropdown

[eh-am]

Related to #618

• Use @ui/Dropdown component (which uses szhsin/react-menu under the hood)
• Add a scrollbar for when tags don't fit on the screen
• Add search bar for each tag

Peek.2021-12-22.14-36.mp4

[github-actions]

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
webapp/public/assets/app.js	291.92 KB (+0.11% 🔺)	5.9 s (+0.11% 🔺)	328 ms (+90.67% 🔺)	6.2 s

[codecov]

Codecov Report

Merging #642 (8e497d5) into main (ee52a68) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main     #642   +/-   ##
=======================================
  Coverage   75.76%   75.76%           
=======================================
  Files          45       45           
  Lines        1588     1588           
  Branches      292      292           
=======================================
  Hits         1203     1203           
  Misses        356      356           
  Partials       29       29           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update ee52a68...8e497d5. Read the comment docs.

[pyroscopebot]

Parameters

Details

Name	Value
BENCH_RUN_FOR	10m
PYROBENCH_RAND_SEED	2306912
PYROBENCH_PROFILE_WIDTH	20
PYROBENCH_PROFILE_DEPTH	20
PYROBENCH_PROFILE_SYMBOL_LENGTH	30
PYROBENCH_APPS	20
PYROBENCH_CLIENTS	20
PYROBENCH_REQUESTS	10000

Result

	main	pr	diff	threshold
throughput	147.00	146.97	-0.02 (-0.02%)	5%
total items processed	122839.00	122785.00	-54.00 (-0.04%)	5%

Details

Name	Description	Query for main	Query for pr
throughput		rate(pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope:4040"}[5m])	rate(pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope_main:4040"}[5m])
total items processed		pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope:4040"}	pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope_main:4040"}

Screenshots

Throughput

Disk Usage

Memory

Upload Errors (Total)

Successful Uploads (Total)

CPU Utilization

Generated by 🚫 dangerJS against 379b273