WIP: #98 Major refactor of frontend

[michaelKurowski]

References to related tickets:

• resolves #98
• resolves #99
• resolves #101

Description of changes:

• Abandoning react-scripts
  • Creating own build config using webpack
  • Running Tests without react-scripts
• Changing frontend architecture into more scaleable solution
  • Separate core logic from view logic
  • Split components into smaller ones
• Adding hypervisor for both backend and frontend changes
• Fixing account creation
• Adding thumbinals next to messages, found users, and room members
• User can now send messages with the "Enter" key
• Users finding input now autoclears after inviting users
• Message typing input autoclears after sending message
• Introduced Redux
• Server now resends, sent message to sender

Work to do

• Design new frontend architecture 100%
• Split application into smaller components 96%
  • chatpage 98%
  • homepage 100%
  • register 50%
  • create separated service for websockets 95%
  • other 100%
• Make a mutual point where babel and webpack can keep babel configuration 0%
• Fix Jest tests 0%
• Add development watch mode for both backend and frontend 0%
• Adjust new Jest configuration to VSC to enable debugging 0%

New architecture

• Every websocket interaction should be done via sagas

[michaelKurowski]

TODO:

• Design new frontend architecture 60%
• Split application into smaller components 55%
  • chatpage 80%
  • homepage 0%
  • register 0%
  • other 0%
• Make a mutual point where babel and webpack can keep babel configuration 0%
• Fix Jest tests 0%
• Add development watch mode for both backend and frontend 0%
• Adjust new Jest configuration to VSC to enable debugging 0%

[michaelKurowski]

TODO:

• Move WS requests to saga
  • create room
• Remove redux-thunk

[michaelKurowski]

Last two small tasks to do, and then I can move to tests:

• Move WS requests to saga
  • create room
• Remove redux-thunk

[Jordan141]

More required changes:

• Update the readme.md in this PR to align it with the new way of launching the application. (Both server and frontend)
• ~Logout button does nothing on click, at least, visually.~
• ~Join room on empty input adds an empty room with no ID. Doing this twice leads to React shouting at you about two elements having the same key.~
• ~CSS is allegedly, being treated as HTML. Refused to apply style from 'http://localhost:5000/bundle.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.~
• ~User can attempt to send a message when no room is selected. (For example, on application launch, this however, should be treated as a different issue, as it is an enhancement, and would involve creating some sort of landing page/component).~

[michaelKurowski]

Logout button fixed

[michaelKurowski]

Fixed bundle.css issue

[michaelKurowski]

User can no more join empty rooms

[Jordan141]

Final changes required:

• [ ] Update the readme.md in this PR to align it with the new way of launching the application. (Both server and frontend).
• [ ] Remove the console.log that's apparently in session.reducer.js:14

[michaelKurowski]

TODO: Make E2E tests independent from eachother. Clear Mongo after every test scenario and restart LokIM server. Update building process