Feat/299 hub details restyle

[Roshanjossey]

PR checklist

Docs

• [x] If you added new code; is it self documenting? (all the variable names clear, comments added where appropriate)
• [x] If you touched existing code; did you refactor existing naming, added comments where necessary?

Tests

• [x] If your ticket adds new functionality; have you added unit tests to verify behaviour?
• [x] If your ticket alters user interaction with the UI; have you added integration tests?
• [x] Do your tests check for every convievable user behabviour? (all behaviours the user can perform)

Typing

• [x] If you added new code; have you added typing?
• [x] If you touched existing code; have you improved its typing?

Styling

• [x] If new styles were created; Did you refactor/add more styles in css-in-js style?

[codecov[bot]]

Codecov Report

Merging #319 (237445e) into master (4c7610e) will increase coverage by 0.54%. The diff coverage is 100.00%.

@@            Coverage Diff             @@
##           master     #319      +/-   ##
==========================================
+ Coverage   65.57%   66.12%   +0.54%     
==========================================
  Files          62       62              
  Lines        1409     1411       +2     
  Branches      217      216       -1     
==========================================
+ Hits          924      933       +9     
+ Misses        485      478       -7     

Impacted Files	Coverage Δ
src/theme.ts	100.00% <100.00%> (ø)
src/helpers/utils.ts	96.29% <0.00%> (+25.92%)	:arrow_up:

---

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 4c7610e...237445e. Read the comment docs.