feat: reuse Table component everywhere

[dogfrogfog]

Brief

• Reuse Table component everywhere #1391
  • create reusable table component
  • use new table component for existed tables

Changes

• all tables use same Table ui component
• new ui component - Table
• add ability to create custom tables by passing props
• add useTableSort hook to make tables sortable (pass exported props to Table, no more actions)

Concerns

• _

2022-08-17.14.33.41.mov

[github-actions]

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
webapp/public/assets/app.js	416.78 KB (+0.19% 🔺)	8.4 s (+0.19% 🔺)	3.3 s (-3.85% 🔽)	11.6 s
webapp/public/assets/app.css	15.18 KB (-0.82% 🔽)	304 ms (-0.82% 🔽)	0 ms (+100% 🔺)	304 ms
webapp/public/assets/styles.css	9.39 KB (-0.78% 🔽)	188 ms (-0.78% 🔽)	0 ms (+100% 🔺)	188 ms
packages/pyroscope-flamegraph/dist/index.js	90.77 KB (+0.71% 🔺)	1.9 s (+0.71% 🔺)	1.4 s (+24.57% 🔺)	3.2 s
packages/pyroscope-flamegraph/dist/index.node.js	90.64 KB (+0.69% 🔺)	1.9 s (+0.69% 🔺)	739 ms (-0.72% 🔽)	2.6 s
packages/pyroscope-flamegraph/dist/index.css	6.94 KB (+2.5% 🔺)	139 ms (+2.5% 🔺)	0 ms (+100% 🔺)	139 ms

[codecov]

Codecov Report

Merging #1403 (d69e9c8) into main (e16de6f) will increase coverage by 0.16%.
The diff coverage is 68.43%.

@@            Coverage Diff             @@
##             main    #1403      +/-   ##
==========================================
+ Coverage   68.25%   68.41%   +0.16%     
==========================================
  Files         128      129       +1     
  Lines        4170     4241      +71     
  Branches     1130     1151      +21     
==========================================
+ Hits         2846     2901      +55     
- Misses       1319     1334      +15     
- Partials        5        6       +1     

Impacted Files	Coverage Δ
...ackages/pyroscope-flamegraph/src/ProfilerTable.tsx	60.90% <37.15%> (-5.53%)	⬇️
webapp/javascript/ui/Table.module.scss	61.54% <61.54%> (ø)
webapp/javascript/ui/Table.tsx	86.16% <86.16%> (ø)
...e-flamegraph/src/FlameGraph/FlameGraphRenderer.tsx	50.00% <100.00%> (+1.75%)	⬆️

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

[dogfrogfog]

/create-server

[dogfrogfog]

/create-server

[dogfrogfog]

/create-server

[Rperry2174]

/create-server

[eh-am]

Can you add an example to Storybook please!

[Rperry2174]

Going to merge now, lets follow up later with a PR to make the tables uniform (i.e. they should all look mostly the same)