Feat/material UI

[Roshanjossey]

PR checklist

Docs

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

Tests

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

Typing

• [ ] If you added new code; have you added typing?
• [ ] 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 #292 (5afd8c5) into master (89948f6) will not change coverage. The diff coverage is 0.00%.

:exclamation: Current head 5afd8c5 differs from pull request most recent head 67d37b7. Consider uploading reports for the commit 67d37b7 to get more accurate results

@@           Coverage Diff           @@
##           master     #292   +/-   ##
=======================================
  Coverage   63.37%   63.37%           
=======================================
  Files          57       57           
  Lines        1185     1185           
  Branches      186      185    -1     
=======================================
  Hits          751      751           
  Misses        434      434           

Impacted Files	Coverage Δ
src/index.tsx	0.00% <0.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 74f2ba3...67d37b7. Read the comment docs.