warnOverride = (combo, target) => {
    let x = 0;
    while ($("#preference").children()[x]) {
        if (
            $("#preference").children()[x].children[1].children[1].innerText ===
                combo &&
            $("#preference").children()[x].children[1].children[0].innerText !==
                target.previousElementSibling.innerText
        ) {
            const assignee = $("#preference").children()[x].children[1]
                .children[0].innerText;
            $("#warning").text(
                `This key(s) is already assigned to: ${assignee}, press Enter to override.`
            );
            $("#edit").css("border", "1.5px solid #dc5656");
            return;
        } else {
            $("#edit").css("border", "none");
        }
        x++;
    }
}
function to check if user entered keys are already assigned to other key
gives a warning message if keys already assigned
@param {string} combo the key combo
@param {string} target the target option of the panel