feat(yivi): enable minimal mode on all QR code sessions

Passes minimal: true to YiviCore so yivi-web renders only the bare QR
code (yivi-web-minimal) without its full form chrome. Also updates the
IrmaSessionModal CSS overrides from the old irma-web-* class names to the
new yivi-web-qr-code selector used by the SVG-based QR renderer.

Author: rubenhensen

client/src/components/IrmaSessionModal/IrmaSessionModal.tsx

@@ -118,20 +118,9 @@ const IrmaWebElement = styled.div`
     min-height: ${() => (isMobile() ? '250' : '300')}px;
     background-color: transparent;
 
-    & .irma-web-header {
-        display: none;
-    }
-    & .irma-web-content {
-        margin: 0;
-        & .irma-web-waiting-for-user-animation {
-        }
-    }
-    & .irma-web-qr-canvas {
+    & .yivi-web-qr-code {
         width: ${() => (isMobile() ? '250' : '300')}px !important;
         height: ${() => (isMobile() ? '250' : '300')}px !important;
-        & + p {
-            display: none;
-        }
     }
 
     p,

client/src/services/createIrmaSession.ts

@@ -110,6 +110,7 @@ const createIrmaSession = (
         callBackMapping,
         alwaysShowQRCode,
         language,
+        minimal: true,
         session: {
             url: `/${dataType}${queryString}`,
 

client/src/services/createIrmaVoteSession.ts

@@ -79,6 +79,7 @@ const createIrmaVoteSession = async (
         debugging: true,
         element: `#${HOLDER_ELEMENT_ID}`,
         callBackMapping,
+        minimal: true,
         session: {
             url: `demos/vote`,