fix(ui): yubikeys provisioning (#334)

web/package.json

@@ -1,7 +1,7 @@
 {
   "name": "web",
   "scripts": {
-    "dev": "npm-run-all --parallel vite typesafe-i18n",
+    "dev": "concurrently \"pnpm run vite\" \"pnpm run typesafe-i18n\"",
     "build": "tsc && vite build",
     "serve": "vite preview",
     "generate-translation-types": "typesafe-i18n --no-watch",
@@ -111,6 +111,7 @@
     "@typescript-eslint/parser": "^6.3.0",
     "@vitejs/plugin-react-swc": "^3.3.2",
     "autoprefixer": "^10.4.15",
+    "concurrently": "^8.2.1",
     "esbuild": "^0.19.2",
     "eslint": "^8.47.0",
     "eslint-config-prettier": "^9.0.0",
@@ -121,7 +122,6 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
     "eslint-plugin-simple-import-sort": "^10.0.0",
-    "npm-run-all": "^4.1.5",
     "postcss": "^8.4.27",
     "prettier": "^3.0.1",
     "prop-types": "^15.8.1",

web/src/components/Navigation/components/NavigationMobile/NavigationMobile.tsx

@@ -62,6 +62,10 @@ export const NavigationMobile = ({ navItems, onLogout }: Props) => {
         path: '/admin/enrollment',
         title: LL.navigation.mobileTitles.enrollment(),
       },
+      {
+        path: '/admin/openid',
+        title: LL.navigation.mobileTitles.openId(),
+      },
     ],
     [LL.navigation.mobileTitles],
   );

web/src/i18n/en/index.ts

@@ -301,6 +301,8 @@ const en: BaseTranslation = {
     },
     provisionKeys: {
       title: 'Yubikey provisioning:',
+      warning:
+        'Please be advised that this operation wll wipe openpgp application on yubikey and reconfigure it.',
       infoBox: `The selected provisioner must have a <b>clean</b> YubiKey
                 plugged in be provisioned. To clean a used YubiKey
                 <b>gpg --card-edit </b> before provisioning.`,
@@ -1077,17 +1079,11 @@ const en: BaseTranslation = {
     noLicenseMessage: "You don't have a license for this feature.",
     provisioningStation: {
       header: 'YubiKey provisioning station',
-      cardTitle: 'Provisioning station setup command',
+      cardTitle: 'Provisioning station docker setup command',
       content: `In order to be able to provision your YubiKeys, first you need to set up
         physical machine with USB slot. Run provided command on your chosen
         machine to register it and start provisioning your keys.`,
     },
-    noLicenseBox: `<p>
-              <strong>YubiKey module</strong>
-            </p>
-            <br />
-            <p>This is enterprise module for YubiKey</p>
-            <p>management and provisioning.</p>`,
     list: {
       headers: {
         name: 'Name',