Upgrade React-router-dom to latest version and setup layouts

[nitishkumar333]

Is your feature request related to a problem? Please describe.

We are rendering the LeftDrawer (sidebar) component on every endpoint, which is a major performance issue, sidebar should be made common is all endpoints.

Newer version of react-router-dom allows us to setup layouts for common component to improve performance.

Currently Talawa-admin uses react-router-dom v5.2.0 which was released in 2020.
They have introduced many changes since then like,
useHistory hook is changed to useNavigate
Switch is changed to Routes

Potential internship candidates
Please read this if you are planning to apply for a Palisadoes Foundation internship PalisadoesFoundation/talawa#359

[nitishkumar333]

Please assign it to me if its needed.

[Cioppolo14]

@noman2002 @palisadoes Should this be done outside of #1413? They seem to overlap.

@nitishkumar333 I apologize I want to get more feedback before assigning.

[dhruvgupta0503]

Hi, Can I work on this issue

[palisadoes]

@rishav-jha-mech @EshaanAgg @aashimawadhwa What are your thoughts on this and its relevance to #1413 ?

[Cioppolo14]

Per a discussion with @aashimawadhwa, this needs to be addressed. I am assigning @nitishkumar333. Please let me know if you no longer want this issue.

[nitishkumar333]

@Cioppolo14 Thank you, Working on it.

[nitishkumar333]

Update - improved the performance by updating routing structure, working on failing tests, will soon make the PR

update.mp4

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[dhruvgupta0503]

Hi, Can I work on this issue

[nitishkumar333]

@Cioppolo14 please reassign me this issue and reopen the pr, I have already made a PR for this issue ( #1495 ) sorry for the delay I was inactive for some days due to exams.

[Cioppolo14]

@nitishkumar333 I'm sorry that the timing didn't work out. We'd like to give someone else a chance to solve this one. There should be other issues you can work on. Thank you for your time.

[dhruvgupta0503]

Thankyou for assigning this issue to me, will submit pr as soon as possible

[dhruvgupta0503]

While ugrading react router dom i facing difficulties coz many packages have been deprecated, so should i work on that or leave them.

[palisadoes]

1. Please upgrade the packages.
2. Limit the changes to the package.json file only. Hopefully this will be sufficient
3. We have had bad experiences in the past when people updated package-lock.json, do not edit that file.

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[palisadoes]

Unassigning. No activity

[nitishkumar333]

Can I work on it again, if no one is working on this ?

[dhruvgupta0503]

Sorry, I was going to submit pr today only
got some issues while submitting pr