Fix/slow site

[SavvyShah]

Description

Spliting app.js bundle for better performance and caching.

Changes

• Moved frontend/public/index.html to frontend/src/index.html
• Changed webpack config files and server.js

Issue

#450

Impacted Area

Steps to test

Steps needed to reproduce the scenario from this change to validate if the pull request solve this issue

• You can check in developer menu. The size should have decreased.

Before

Screenshot from the state before

After

Screenshot from the state after your Pull Request

[SavvyShah]

@alexanmtz please test with the latest changes. This will improve the performance a lot.

[alexanmtz]

@ShubhamCanMakeCommit before we can test in a review environment, we had a minor issue, let's fix this and proceed with the test.

[alexanmtz]

When we try to deploy, Heroku logs the following error:
Cannot find module 'mini-css-extract-plugin'

So I think we cannot move here, cause Heroku use this lib in production.

[SavvyShah]

I have made the changes. I think your'e correct. Heroku doesn't install dev dependecies that is why all the plugins in our project our installed in package.json

[SavvyShah]

It just loaded like a zap.!! I think heroku also makes some optimization.
Total Under 700KB.
Material UI under 300KB.

[SavvyShah]

Slack Icon now loads. Commit replaced back.
Total Still Under 900KB.

[alexanmtz]

@SavvyShah, you have a bounty to claim from a long time: https://gitpay.me/#/task/316

Please submit your PR for the Send solution and claim your bounty.