Реализация шифрования/дешифрования в Typescript с использованием Web Crypto API

У меня есть требование безопасности не отправлять данные на сервер в виде обычного текста, и учетные данные не должны быть видны на вкладке сети браузера. Я мог бы использовать хеширование, но загвоздка в том, что у нас уже есть старые сохраненные пароли с применением хеширования и соли. Теперь, чтобы не беспокоить старую базу данных, я подумал просто зашифровать данные и расшифровать их на стороне сервера (узла).

Впредь я пытаюсь использовать Web Crypto API для достижения желаемого результата. Ниже приведен простой сценарий, который я пытался написать перед экспортом логики как в клиентскую, так и в серверную среду:

function base64ToArrayBuffer(base64): ArrayBuffer {
    return Uint8Array.from(atob(base64), c => c.charCodeAt(0))
}

function ArrayBufferToBase64(buffer): string {
    return btoa(String.fromCharCode(...new Uint8Array(buffer)));
}

async function encryptString(privateKey: string, publicKey: string, data: string) {

    let params: AesGcmParams = {
        name: 'AES-GCM',
        iv: base64ToArrayBuffer(publicKey)
    }

    let keyImported: CryptoKey = await window.crypto.subtle.importKey("raw", base64ToArrayBuffer(privateKey), "AES-GCM", true, ["encrypt", "decrypt"]);
    let dataInstance: ArrayBuffer = new TextEncoder().encode(data);
    return Promise.resolve(await window.crypto.subtle.encrypt(params, keyImported, dataInstance));
}

async function decryptString(privateKey: string, publicKey: string, data: string) {

    let params: AesGcmParams = {
        name: 'AES-GCM',
        iv: base64ToArrayBuffer(publicKey)
    }

    let keyImported: CryptoKey = await window.crypto.subtle.importKey("raw", base64ToArrayBuffer(privateKey), "AES-GCM", true, ["encrypt", "decrypt"]);
    let dataInstance: ArrayBuffer = new TextEncoder().encode(data);
    return Promise.resolve(await window.crypto.subtle.decrypt(params, keyImported, dataInstance));
}

// Key for encryption/decryption process
let PRIVATE_KEY: string = 'Fdz2z54vAwIjq0tginHyzgyL62q+f4sBlMi5IOOXJ7c=';
let PUBLIC_KEY: string = btoa(String.fromCharCode(...window.crypto.getRandomValues(new Uint8Array(12))));

// Password to be encrypted before being sent to server
let password: string = "Test@123";

(async () => {

    let encrypted_data: string = ArrayBufferToBase64(await encryptString(PRIVATE_KEY, PUBLIC_KEY, password));
    console.info(encrypted_data);

    let decrypted_data: string = ArrayBufferToBase64(await decryptString(PRIVATE_KEY, PUBLIC_KEY, encrypted_data));
    console.info(decrypted_data);

})();

Я могу зашифровать строку, хранящуюся в переменной password, но не могу ее расшифровать.
Получаю следующее сообщение об ошибке:

Promise {<pending>}
VM98:33 FSWTBSgdQNVgYOelgRpU5JZm/4G0TRynIyr2jg==
VM98:36 Uncaught (in promise) Error
await (async)
(anonymous) @ VM98:36

Также прикрепляю скриншот с деталями, не вставленными в журналы:

Нужна помощь, чтобы понять основную причину этой ошибки, а также исправление, которое я могу добавить в сценарий для успешного шифрования/дешифрования некоторых данных.

Если кто-то знает о библиотеке, которую я могу легко использовать как на стороне клиента, так и на стороне сервера, это также будет оценено как ответ.