[release-2.22] Refactor password encryption logic by moving it to common.html for reusability (#8283)

This is an automated cherry-pick of #8266

/assign ruibaby

```release-note
None
```

Author: halo-dev-bot

application/src/main/resources/templates/gateway_fragments/common.html

@@ -4,6 +4,29 @@
 </th:block>
 
 <th:block th:fragment="basicScriptResources">
+    <th:block th:if="${not #strings.isEmpty(publicKey)} and ${fragmentTemplateName} == 'login_local'">
+        <script src="/webjars/jsencrypt/3.5.4/bin/jsencrypt.min.js" defer></script>
+        <script th:inline="javascript" type="text/javascript">
+            const publicKey = /*[[${publicKey}]]*/ "";
+
+            // Encrypt function
+            function encryptPassword(password) {
+                const encrypt = new JSEncrypt();
+                encrypt.setPublicKey(publicKey);
+                return encrypt.encrypt(password);
+            }
+
+            document.addEventListener("DOMContentLoaded", function () {
+                const loginForm = document.getElementById("login-form");
+                loginForm.addEventListener("submit", function (event) {
+                    const plainPasswordInput = document.getElementById("plainPassword");
+                    const passwordInput = document.getElementById("password");
+                    passwordInput.value = encryptPassword(plainPasswordInput.value);
+                });
+            });
+        </script>
+    </th:block>
+
     <script th:inline="javascript">
         const i18nResources = {
             sendVerificationCodeSuccess: `[(#{js.sendVerificationCode.success})]`,

application/src/main/resources/templates/login_local.html

@@ -1,25 +1,4 @@
 <div th:remove="tag" th:fragment="form">
-    <script src="/webjars/jsencrypt/3.5.4/bin/jsencrypt.min.js" defer></script>
-    <script th:inline="javascript" type="text/javascript">
-        const publicKey = /*[[${publicKey}]]*/ "";
-
-        // Encrypt function
-        function encryptPassword(password) {
-            const encrypt = new JSEncrypt();
-            encrypt.setPublicKey(publicKey);
-            return encrypt.encrypt(password);
-        }
-
-        document.addEventListener("DOMContentLoaded", function () {
-            const loginForm = document.getElementById("login-form");
-            loginForm.addEventListener("submit", function (event) {
-                const plainPasswordInput = document.getElementById("plainPassword");
-                const passwordInput = document.getElementById("password");
-                passwordInput.value = encryptPassword(plainPasswordInput.value);
-            });
-        });
-    </script>
-
     <input type="hidden" name="password" id="password" />
 
     <div class="form-item">