updateHTML = (mode) => {
    let x = 0;
    if (mode == "user") {
        const userKeys = localStorage.get("userKeys");
        while ($("#preference").children()[x]) {
            $("#preference").children()[x].children[1].children[1].innerText =
                userKeys[
                    $("#preference").children()[x]
                .children[1].children[0].innerText
            ];
            x++;
        }
    } else if (mode == "default") {
        while ($("#preference").children()[x]) {
            const defaultKeys = localStorage.get("defaultKeys");
            $("#preference").children()[x].children[1].children[1].innerText =
                defaultKeys[
                    $("#preference").children()[x]
                    .children[1].children[0].innerText
                ];
            x++;
        }
    }
}
fn to update the htokey panel UI with the currently set configuration
@param {string} mode user prefered if present, or default keys configuration