[Frontend] Created Extractor section

[amlannandy]

Description

1. Implemented the Extractor section, where you can view the live connected devices and extract data from them.
2. The extract data route in the backend was trying to extract data from a static file path, made it dynamic so that it works on all systems.
3. Added data folder to gitignore so that no contributor accidentally uploads their personal data in a PR.

Fixes #138

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

1. Go to the extractor section in the web app.
2. Check live devices after connecting one
3. Extract data
4. Now you will see a case folder with its data.

Test Configuration:

• Ubuntu 20.04.1
• Google Chrome

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules