Style hub list restyle 314

[BastinJafari]

PR checklist

Please tick all of the below (if a certain item is not required for this PR please tick the box anyway)

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?
• [x] Are all fonts, sizes, colours, margins, paddings in line with designs?
• [x] Did you perform a visual comparison of the implementation with the designs?

[github-actions[bot]]

This PR closes: #314

[Roshanjossey]

The integration tests are failing because of UI changes. However, the unit test failure is unexpected. Can you check if it passes in local?

[codecov[bot]]

Codecov Report

Merging #333 (749d891) into master (f3f1fe5) will increase coverage by 0.35%. The diff coverage is 100.00%.

@@            Coverage Diff             @@
##           master     #333      +/-   ##
==========================================
+ Coverage   67.17%   67.53%   +0.35%     
==========================================
  Files          62       63       +1     
  Lines        1447     1463      +16     
  Branches      221      225       +4     
==========================================
+ Hits          972      988      +16     
  Misses        475      475              

Impacted Files	Coverage Δ
src/helpers/format.ts	95.78% <100.00%> (+0.09%)	:arrow_up:
src/helpers/hubHelpers.ts	100.00% <100.00%> (ø)
src/redux/hub/hub.constants.ts	100.00% <100.00%> (ø)
src/theme.ts	100.00% <100.00%> (ø)

---

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 2ccde0e...749d891. Read the comment docs.