Overlapping Navbar Issue: Two Navbars Rendering Simultaneously in Education and VideoLists Components.

[shweta-sakshi]

1. 🐛Bug-Report

Two navbars (Navbar.jsx and NavBarSecond.jsx) are rendering simultaneously, causing one to overlap the other in the Education.jsx and VideoLists.jsx components.

Expected behavior

Only one navbar should render across the application.

Current behavior

Both Navbar.jsx and NavBarSecond.jsx are rendering simultaneously.

Steps to reproduce

1. start application.
2. move to any one route(/education, /education/videos)
   -currently navbar render from Navbar.jsx component.
3. Now comment line 27() in app.js file and restart application.
4. move to same route now NavBarSecond.jsx will render.

Possible Solution

1. Remove one of the navbar components (Navbar.jsx or NavBarSecond.jsx) to maintain a consistent navbar
   across the application.
2. Conditional rendering to render the appropriate navbar based on the current route.

Context (Your working environment)

Operating System: Windows
Browser: Chrome

Detailed Description (screenshots, code snippets etc.)

[shweta-sakshi]

also I can fix this.

[lokesh-wagh]

raise a PR that fixes the issue
we will merge it