Use of Angular Material Side Navbar module will reduce code

[lunayach]

Description

As a coder,
I need to use the existing APIs,
so that the code becomes cleaner and efficient.
We are writing the toggle() method to hide and show and writing explicitly the animations for changing the state.

Mocks

N.A.

Acceptance Criteria

Update

• Use of Angular Material Side Navbar module. i.e. {MatSidenavModule} in Navabar component.

Definition of Done

• All of the required items are completed.
• Approval by 1 mentor.

Estimation

1-2 Hrs.

[shreyans29]

Hey @lunayach , You can work on this Issue, but I see the estimation is way below the actual time it might take. Once you change the orientation of other components may change and you will have to fix them also. Any way go ahead with this. Send a PR when done.

[shreyans29]

Also Please update the issue, and put the statement you have put in mocks below description. Mocks are supposed to be graphical representations of what the end result might look like.

[lunayach]

@shreyans29 Yes I also realize the same 👍

[lunayach]

@shreyans29 as my previous PR is not merged, shall I have to make a new branch and commit changes for both the PR's(i.e. this one and the earlier unmerged PR) and then do the PR.

[shreyans29]

@lunayach No, your new PR should only contain the changes for this issue.