Create Table.js with React-Bootstrap's Table component to display dummy data from CORONATRACKER UI - Health Log - Show Me More.png

[tesla809]

Task
Create Table.js with React-Bootstrap's Table component to display dummy data from CORONATRACKER UI - Health Log - Show Me More.png
Use either react-bootstrap's table component
See: CORONATRACKER UI - Health Log - Show Me More.png

What done looks like:

1. Add comments to explain code.
2. Use React-Bootstrap's Table component
3. Style it according to the style guide using themePalette.css in /css folder.
4. Import themePalette.css into the file and use appropriate classes. Do not try to redo styling from scratch. Please save time.

Design considerations:
We have decided to use regular CSS files to keep things simple for now. This allows for more contributors and less time to upskill to contribute.

Once MVP is done the team can discuss if we want to transition it to styled-components or something like CSS modules.

Folder paths
CSS is located in /client/src/css
Components are located in /client/src/components

Style guide for CSS files:
Naming convention:
Component -> Table.js
CSS file -> Table.css

To avoid naming collisions:
prefix class names with the name of component and link with kebab case.
Class name -> .Table-header { ... }
Although, we do not foresee the need to create custom CSS since React-Bootstrap and themePalette.css will take care of it. If so, please follow the style guide.

How to handle state:
Add dummy data for now. Redux will be added later.

Testing:
No need to worry about testing for now.
If you choose to add tests, please place in client/src/tests