feat(webapp): Make explore page show precise numbers in table

[pavelpashkovsky]

Brief

• Make explore page show precise numbers in table #1681

Changes

• DEMO: https://pr-1695.pyroscope.io/
  

[github-actions]

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
webapp/public/assets/app.js	491.04 KB (+0.09% 🔺)	9.9 s (+0.09% 🔺)	3.8 s (+5.06% 🔺)	13.6 s
webapp/public/assets/app.css	19.36 KB (+0.17% 🔺)	388 ms (+0.17% 🔺)	0 ms (+100% 🔺)	388 ms
webapp/public/assets/styles.css	9.54 KB (0%)	191 ms (0%)	0 ms (+100% 🔺)	191 ms
packages/pyroscope-flamegraph/dist/index.js	131.97 KB (+0.05% 🔺)	2.7 s (+0.05% 🔺)	1.6 s (+2.87% 🔺)	4.2 s
packages/pyroscope-flamegraph/dist/index.node.js	132.61 KB (+0.05% 🔺)	2.7 s (+0.05% 🔺)	527 ms (-6.8% 🔽)	3.2 s
packages/pyroscope-flamegraph/dist/index.css	8.33 KB (0%)	167 ms (0%)	0 ms (+100% 🔺)	167 ms

[codecov]

Codecov Report

Base: 66.26% // Head: 66.39% // Increases project coverage by +0.14% 🎉

Coverage data is based on head (e5f6f54) compared to base (358e7f7).
Patch coverage: 75.68% of modified lines in pull request are covered.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1695      +/-   ##
==========================================
+ Coverage   66.26%   66.39%   +0.14%     
==========================================
  Files         165      166       +1     
  Lines        5464     5506      +42     
  Branches     1224     1237      +13     
==========================================
+ Hits         3620     3655      +35     
- Misses       1837     1844       +7     
  Partials        7        7              

Impacted Files	Coverage Δ
packages/pyroscope-flamegraph/src/format/format.ts	72.73% <42.86%> (-0.24%)	⬇️
webapp/javascript/pages/formatTableData.ts	95.66% <95.66%> (ø)
...graph/src/FlameGraph/FlameGraphComponent/index.tsx	80.54% <0.00%> (-1.09%)	⬇️
packages/pyroscope-models/src/profile.ts	94.12% <0.00%> (ø)
...kages/pyroscope-flamegraph/src/Tooltip/Tooltip.tsx	82.76% <0.00%> (ø)
...raph/src/FlameGraph/FlameGraphComponent/Header.tsx	90.48% <0.00%> (ø)
...e-flamegraph/src/FlameGraph/FlameGraphRenderer.tsx	50.00% <0.00%> (+0.60%)	⬆️

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[pavelpashkovsky]

/create-server

[eh-am]

Can you add few tests to this
https://github.com/pyroscope-io/pyroscope/blob/0db1872abf49aaa3c3cfa3bd7d79d1502ba3562c/packages/pyroscope-flamegraph/src/format/format.spec.ts ? It's a bit hard to grasp the logic by just looking at the code.

[Rperry2174]

also not sure how hard this is to do, but can you make it so that all of the decimal places are alligned?

[petethepig]

/create-server

[Rperry2174]

adding this for reference: https://alistapart.com/article/web-typography-tables/

[Rperry2174]

/create-server

[pavelpashkovsky]

/create-server

[Rperry2174]

LGTM