Create Slider.js component

[tesla809]

Task
Create Slider.js component.
See the following for the design.

It is the slider in the view.

What done looks like:

1. You created the Slider.js component as per the instruction above.
2. Add comments to explain code if necessary.
3. We have Slider.js component in /components.
4. You have used the themePalette.css file and the corresponding classes to style the button and imported at the top of the file BEFORE your component.
5. Create a Slider.css file. Also Use themePalette.css for styling.
6. You have used the name Slider.js for the component.

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 -> Slider.js
CSS file -> Use themePalette.css and create a Slider.css file.

How to handle state:
If you can use redux, use it.
Create action and reducer with an appropriate name.

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