Issue with sidebar in small screens

[lunayach]

Description

As a user,
I need to sometimes access the application on the small screen as well,
so that I can enjoy cross-platform functionality.

Mocks

After '/login' screen, I am redirected to '/menu' screen. In 'Navbar.component.ts', the initial state for navbar has been set to be 'out'. I think for small screen devices, this should be made 'in'.

Acceptance Criteria

Update [Required]

• Calling the toggle() method when say, (window.screen.width<512) returning true would animate that thing to state 'in'.

Definition of Done

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

Estimation

20 minutes

[Raxerz]

@lunayach I think the fix for this issue can be covered as part #101 itself right?

[lunayach]

Material Side Navbar comes built-in with this implementation. So yes, fixing #101 should also fix this. So, I'm creating PR for #101 👍

[Raxerz]

Great. Go ahead and make the PR. This issue can be closed I suppose.

[Buddhiprabha]

Duplicate.