Feat 296 enhance hub landing page UI

[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 #323 (9c2d5c1) into master (af1ac72) will increase coverage by 0.09%. The diff coverage is 100.00%.

@@            Coverage Diff             @@
##           master     #323      +/-   ##
==========================================
+ Coverage   67.01%   67.10%   +0.09%     
==========================================
  Files          62       62              
  Lines        1446     1444       -2     
  Branches      218      218              
==========================================
  Hits          969      969              
+ Misses        477      475       -2     

Impacted Files	Coverage Δ
src/theme.ts	100.00% <ø> (ø)
src/redux/hub/hub.actions.ts	100.00% <100.00%> (+10.00%)	:arrow_up:
src/redux/hub/hub.constants.ts	100.00% <100.00%> (ø)
src/redux/hub/hub.reducer.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 af1ac72...9c2d5c1. Read the comment docs.