Remove jQuery from username change prompt

- Switched to plain JavaScript
- Tested the user rename prompt toggling functionality and it works as before
- Fixed bug that allowed pasting with the mouse to avoid the prompt

Signed-off-by: Yarden Shoham <[email protected]>

Author: yardenshoham

web_src/js/features/user-settings.js

@@ -1,17 +1,19 @@
-import $ from 'jquery';
 import {hideElem, showElem} from '../utils/dom.js';
 
 export function initUserSettings() {
-  if ($('.user.settings.profile').length > 0) {
-    $('#username').on('keyup', function () {
-      const $prompt = $('#name-change-prompt');
-      const $prompt_redirect = $('#name-change-redirect-prompt');
-      if ($(this).val().toString().toLowerCase() !== $(this).data('name').toString().toLowerCase()) {
-        showElem($prompt);
-        showElem($prompt_redirect);
+  if (document.querySelectorAll('.user.settings.profile').length === 0) return;
+
+  const usernameInput = document.getElementById('username');
+  if (usernameInput) {
+    usernameInput.addEventListener('input', function () {
+      const prompt = document.getElementById('name-change-prompt');
+      const promptRedirect = document.getElementById('name-change-redirect-prompt');
+      if (this.value.toLowerCase() !== this.dataset.name.toLowerCase()) {
+        showElem(prompt);
+        showElem(promptRedirect);
       } else {
-        hideElem($prompt);
-        hideElem($prompt_redirect);
+        hideElem(prompt);
+        hideElem(promptRedirect);
       }
     });
   }