fixed scaffold with navigation which was causing logout button was vanishing in tablet mode

[HelloSniperMonkey]

Description

This PR addresses the issue which appears when the app is being used on tablets or with device width 451 and 800 and on apps with resizable window size

• added the logout button when the device width is in the given range
• linked it logically to the firebase authenticator to logout user when the button is clicked

this fixes the issue when the user is using the app on tablet or at specified resolution and now is able to logout completely without hassle

Fixes #194

Type of change

• Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

• tested it on browser , macos and iphone , ipad simulator for various device widths and had no issue on those

###Please include screenshots below if applicable.

Screen.Recording.2024-12-17.at.10.30.27.PM.mov

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

Maintainer Checklist

• closes Incorrect navigation bar on tab size view #194
• Tag the PR with the appropriate labels

[HelloSniperMonkey]

Can you please review ? @mdmohsin7