Extract main-nav to separate file/component

[eszkadev]

This is an Easy Hack.
Potential mentors: @eszkadev @Darshan-upadhyay1110

Detailed description and rationale

We have couple of really big files which would be good to shorten (eg. Control.UIManager.ts) and clean from legacy code - jQuery.

Please check .main-nav element. It has some handlers attached and also class toggles in various places.
main-nav code. Would be good to bundle them together in a single place.

Tasks:

• create separate TS file -> browser/src/control/Control.MenuAndTitleBar.ts
• put there all related code to that element (.main-nav) converted to TypeScript
• remove jQuery usage
• use it's methods in external code (Control.UIManager.ts, Control.Notebookbar.js, Control.Toolbar.js)

Be inspired by other TS files inside browser/src/control/Control.* files.

[maddie0501]

Hi is this open ? i'm happy to contribute

[Darshan-upadhyay1110]

Hi is this open ? i'm happy to contribute

@maddie0501 Sure. Thanks for ping :)

[maddie0501]

Hey I have created PR please check and let me know if any changes needed. Thanks

[Darshan-upadhyay1110]

Hey I have created PR please check and let me know if any changes needed. Thanks

Thanks a lot @maddie0501 for the PR. Can you please follow the steps i commented in that PR to sign-off your commit #12126 (comment)

[asabahebwa]

@eszkadev @Darshan-upadhyay1110 Is this issue still open for contribution?

[eszkadev]

Hi I closed previous PR as it was inactive for a long time. Yes, it can be done. But please do small steps, it hasn't be done in single PR. Small commits help to reduce conflicts, review and be sure it doesn't regress. Thanks!