feat: explicit layout apply via HangingProtocolService (#2936)

* feat: add more types to HP service

* change hp to have apply protocol

* feat: mpr initial work

* apply protocol by id

* feat: mode should be able to apply protocol directly

* fix: wrong inheritance for viewports drag and drop

* apply review comments

extensions/default/src/getHangingProtocolModule.js

@@ -14,7 +14,7 @@ const defaultProtocol = {
       id: 'hYbmMy3b7pz7GLiaT',
       name: 'default',
       viewportStructure: {
-        type: 'grid',
+        layoutType: 'grid',
         properties: {
           rows: 1,
           columns: 1,
@@ -56,8 +56,8 @@ const defaultProtocol = {
 function getHangingProtocolModule() {
   return [
     {
-      name: 'default',
-      protocols: [defaultProtocol],
+      id: defaultProtocol.id,
+      protocol: defaultProtocol,
     },
   ];
 }