Merge pull request 'feature/vendor-admin-account-settings' (#60) from feature/vendor-admin-account-settings into main

Reviewed-on: #60

src/main/java/net/siegeln/cameleer/saas/identity/LogtoManagementClient.java

@@ -704,7 +704,7 @@ public class LogtoManagementClient {
     public List<Map<String, Object>> listRoleUsers(String roleId) {
         var token = getAccessToken();
         var response = restClient.get()
-                .uri(config.getLogtoEndpoint() + "/api/roles/" + roleId + "/users?page=1&page_size=200")
+                .uri(config.getLogtoEndpoint() + "/api/roles/" + roleId + "/users")
                 .header("Authorization", "Bearer " + token)
                 .retrieve()
                 .body(List.class);
@@ -718,7 +718,7 @@ public class LogtoManagementClient {
         var response = restClient.get()
                 .uri(config.getLogtoEndpoint() + "/api/roles?search=" +
                         java.net.URLEncoder.encode(roleName, java.nio.charset.StandardCharsets.UTF_8) +
-                        "&page=1&page_size=20")
+                        "&page_size=20")
                 .header("Authorization", "Bearer " + token)
                 .retrieve()
                 .body(List.class);

ui/src/components/account/MfaSection.tsx

@@ -162,7 +162,11 @@ export function MfaSection() {
           Scan this QR code with your authenticator app (Google Authenticator, Authy, 1Password, etc.), then enter the 6-digit code below.
         </p>
         <div style={{ display: 'flex', justifyContent: 'center', padding: '16px 0' }}>
-          <QRCodeSVG value={setupData.secretQrCode} size={200} />
+          {setupData.secretQrCode.startsWith('data:') ? (
+            <img src={setupData.secretQrCode} alt="TOTP QR Code" width={200} height={200} />
+          ) : (
+            <QRCodeSVG value={setupData.secretQrCode} size={200} />
+          )}
         </div>
         <div style={{
           textAlign: 'center',