DoodleBUGS: Make zooming smooth (#360)

[Govindggupta]

Added the Cytoscape.js-panzoom as mentioned in the #360 .

closes #360

[shravanngoswamii]

@Govindggupta Can you please add a option in Navbar's View dropdown to enable or disable this navigator, because, not all user may prefer having it, and can we allow users to reposition this?

[Govindggupta]

Got the gist @shravanngoswamii .
Will add the option in to enable and disable the navigator.

[shravanngoswamii]

@Govindggupta Let me know if you need any help, Thanks for the PR!

[Govindggupta]

@shravanngoswamii I've added the Hide/Unhide and Changing of Position of Zoom control panel .
It's setting can be Tweaked from the View in the Nav bar .

Screen.Recording.2025-08-23.223314.mp4

Removed the cytoscape-panzoom extension and implemented custom zoom controls because the panzoom control renders globally outside Vue's component tree, making CSS styling difficult and integration with our Vue.js component architecture problematic.
Although if required can add it.