add switch to mobile/desktop device in login/unlock page

src/views/desktop/UnlockPage.vue

@@ -35,6 +35,14 @@
                                                     v-model="pinCode" @pincode:confirm="unlockByPin" />
                                 </v-col>
 
+                                <v-col cols="12" class="py-0 mt-4 mb-4">
+                                    <div class="d-flex align-center justify-space-between flex-wrap">
+                                        <a href="javascript:void(0);" @click="showMobileQrCode = true">
+                                            <span class="nav-item-title">{{ $t('Use on Mobile Device') }}</span>
+                                        </a>
+                                    </div>
+                                </v-col>
+
                                 <v-col cols="12">
                                     <v-btn block :disabled="!isPinCodeValid(pinCode) || verifyingByWebAuthn"
                                            @click="unlockByPin(pinCode)">
@@ -91,6 +99,7 @@
             </v-col>
         </v-row>
 
+        <switch-to-mobile-dialog v-model:show="showMobileQrCode" />
         <confirm-dialog ref="confirmDialog"/>
         <snack-bar ref="snackbar" />
     </div>
@@ -113,7 +122,8 @@ export default {
     data() {
         return {
             pinCode: '',
-            verifyingByWebAuthn: false
+            verifyingByWebAuthn: false,
+            showMobileQrCode: false
         };
     },
     computed: {