tfa: yubico otp: nudge users in WebAuthn direction

to avoid that they have a yubikey in their hands and think they need
to use Yubico/YubiCloud otp for it to work..

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

src/panel/TfaView.js

@@ -268,9 +268,9 @@ Ext.define('Proxmox.panel.TfaView', {
 			handler: 'addRecovery',
 		    },
 		    {
-			text: gettext('Yubico'),
+			text: gettext('Yubico OTP'),
 			itemId: 'yubico',
-			iconCls: 'fa fa-fw fa-yahoo',
+			iconCls: 'fa fa-fw fa-yahoo', // close enough
 			handler: 'addYubico',
 			cbind: {
 			    hidden: '{!yubicoEnabled}',

src/window/AddYubico.js

@@ -7,7 +7,7 @@ Ext.define('Proxmox.window.AddYubico', {
 
     modal: true,
     resizable: false,
-    title: gettext('Add a Yubico key'),
+    title: gettext('Add a Yubico OTP key'),
     width: 512,
 
     isAdd: true,
@@ -120,6 +120,11 @@ Ext.define('Proxmox.window.AddYubico', {
 			    Ext.String.format(gettext("Confirm your ({0}) password"), Proxmox.UserName),
 		    },
 		},
+		{
+		    xtype: 'box',
+		    html: `<span class='pmx-hint'>${gettext('Tip:')}</span> `
+			+ gettext('YubiKeys also support WebAuthn, which is often a better alternative.'),
+		},
 	    ],
 	},
     ],