Restructure of React Frontend

[hassanzhd]

PROBLEM:-

"Too much coupling of conditional rendering and single level component structure makes it harder for effective flow and leads to inconsistencies."

SOLUTION:-

• Rather than having all routing logic coupled inside App.js, Decoupling should be done by separating pages as two components:

1. <LoggedInRoute />
2. <LoggedOutRoute />

• Flow should first be determined using loggedIn state, and then verified etc. This will make it easier to map first priority validation.
• This will also make it easier to segregate any unnecessary state and API calls in case of non logged in user.

[hassanzhd]

@Rubix982, suggestion and ideas appreciated

[Rubix982]

@hassanzhd to be discussed after the meeting in-depth.

[Rubix982]

We need to split this into two teams to make it work effectively between a side that is working on the client-side restructuring pages, and a team that is working on #183