🚩PR: Added UI for Virtual Module management

[elsoazemelet]

Closes #681

• Changed Text of Virtual Module adder button on module connect dialog
• Changed title of Add Virtual Module modal dialog
• Added feature of virtual module add/remove/change on the grid UI (after adding at least one virtual module)
• The selected virtual module can be removed
• The selected virtual module can be changed
• Other virtual modules can be added from any empty side of a virtual module
• When connecting a physical module, all virtual modules should disappear
• When connecting a physical module, the margin of the modules should be correct (no space should be visible where the module add button is visible on the bottom => between the modules and the page changer buttons)

[github-actions]

Visit the preview URL for this PR (updated for commit 6d0066e):

https://grid-editor-web--pr678-feat-multiplevirtual-ehgfaait.web.app

_{(expires Mon, 29 Apr 2024 15:30:20 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 2b65ba6ef19c55d367eaffd04e46bcde25305d6f}

[elsoazemelet]

• Make add button less prominent
• Remove manual module add from dev settings

[narayb]

In the dialog box, the 'add' button still says 'Get started!'.

Proflle load doesn't select virtual module for removal.

It's possible to create impossible layouts by removing modules in the middle.

[elsoazemelet]

In the dialog box, the 'add' button still says 'Get started!'.

Proflle load doesn't select virtual module for removal.

It's possible to create impossible layouts by removing modules in the middle.

Fixed in the latest commit! Please check new design proposel for the add module button!

[SukuWc]

Make hover hit-box larger

[SukuWc]

Also virutal module writeBuffer elements are never cleared, they just keep accumulating, please check using debug tools:

[elsoazemelet]

All above is fixed in the latest commit