fix(flags/tagsDrawer): ensure distribution percentages add to 100

[aliu39]

Use Math.round for percents and calculate otherPercentage by subtracting from 100. Non-zero percents that are rounded to 0 are displayed as "<1%".

Sample issue
Closes https://github.com/getsentry/team-replay/issues/562

After

Before

Edge cases
totalValues 1000, topValues 500, 490, 5, 5
totalValues 1000, topValues 500, 490, 4, 3, 3
totalValues 1000, topValues 500, 490, 15, 5

0% are never shown for top values or other

[roggenkemper]

if we're going to make any updates here, can we make sure that the changes are made everywhere (preview, details, drawer)

[aliu39]

I can probably make some/all of the edge case screenshots into jest tests, will add within the next day

[codecov]

❌ 1 Tests Failed:

Tests completed	Failed	Passed	Skipped
9955	1	9954	4

View the top 1 failed test(s) by shortest run time

TagDetailsDrawerContent renders a list of tag values

Stack Traces | 0.095s run time

TestingLibraryElementError: Unable to find an element with the text: 16%. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
...
    at Object.getElementError (.../sentry/sentry/node_modules/@.../dom/dist/config.js:37:19)
    at .../sentry/sentry/node_modules/@.../dom/dist/query-helpers.js:76:38
    at .../sentry/sentry/node_modules/@.../dom/dist/query-helpers.js:52:17
    at .../sentry/sentry/node_modules/@.../dom/dist/query-helpers.js:95:19
    at Object.<anonymous> (.../issueDetails/groupTags/tagDetailsDrawerContent.spec.tsx:80:40)

To view more test analytics, go to the Test Analytics Dashboard
_{📋 Got 3 mins? Take this short survey to help us improve Test Analytics.}