add navbar

[komal-89]

Description

Steps

• Setup: GitHub

  • created this issue
  • assigned myself
  • moved the issue to the project board and added it to the appropriate
    column

• Setup: local

  • pulled the most recent code from main/master
  • created a new feat-branch-name branch for my feature

• Steps to complete the task:

  • step 1 details
  • step 2 details

• Before pushing my branch:

  • pulled the most recent code from main/master to my feature branch
  • ran code quality checks
  • formatted the code
  • fixed all linting mistakes

• After pushing my branch:

  • created a new PR linked to this issue
  • make sure all of the checks passed
  • assigned someone to review and merge my PR (if the task is ready)
  • moved the issue to the appropriate column in the project board to review
    it (if the task is ready)