fix bug where more and more QR codes get added to page when user clic…

…ks "Generate" button; scroll QR codes into view after clicking "Generate" button.

index.html

@@ -234,7 +234,13 @@ <h4 data-i18n="verificationOTP">Verification OTP:</h4>
             document.getElementById('label2').textContent = name1;
 
             document.getElementById('qrSection').style.display = 'block';
-
+            const qrcode1node = document.getElementById('qrcode1');
+            const qrcode2node = document.getElementById('qrcode2');
+            for (node of [qrcode1node, qrcode2node]) {
+                while (node.lastElementChild) {
+                    node.removeChild(node.lastElementChild);
+                }
+            }
             new QRCode(document.getElementById('qrcode1'), {
                 text: totp1.toString(),
                 width: 200,
@@ -249,6 +255,12 @@ <h4 data-i18n="verificationOTP">Verification OTP:</h4>
                 correctLevel: QRCode.CorrectLevel.H
             });
 
+            // Smooth scroll to qrcode1 with animation
+            document.getElementById('qrcode1').scrollIntoView({
+                behavior: 'smooth',
+                block: 'center'
+            });
+
             updateOtpDisplay();
             interval = setInterval(updateOtpDisplay, 1000);
         });