How to Insert JavaScript Code into SharePoint Using the ShortPoint Code Editor Web Part

/* Uncomment the next line to test the fireworks effect */// showBirthdayBanner();const getUserBirthday = async () => {    try {        // Get the user profile properties using SharePoint REST API        const response = await fetch(`${_spPageContextInfo.webAbsoluteUrl}/_api/SP.UserProfiles.PeopleManager/GetMyProperties`, {            method: 'GET',            headers: {                'Accept': 'application/json;odata=verbose',                'Content-Type': 'application/json;odata=verbose'            },            credentials: 'include'        });        if (!response.ok) {            throw new Error(`HTTP error! status: ${response.status}`);        }        const data = await response.json();        // Find the birthday property in the user profile        const birthdayProperty = data.d.UserProfileProperties.results.find(prop => prop.Key === "SPS-Birthday");        if (birthdayProperty) {            const birthday = new Date(birthdayProperty.Value);            return birthday;        } else {            console.log("Birthday not found in user profile");            return null;        }    } catch (error) {        console.error("Error fetching user birthday:", error);        throw error;    }};getUserBirthday().then(birthday => {    if (birthday) {        console.log("User's birthday:", birthday.toLocaleDateString());        console.log(birthday);        window.userBirthday = birthday;        // Example output: "User's birthday: 1/1/1990"        checkBirthday();    }}).catch(error => {    console.error("Failed to get birthday:", error);});function checkBirthday() {    const today = new Date();    const birthday = new Date(window.userBirthday);    // Check if today matches birthday (month and day only) - show banner only once    if (today.getMonth() === birthday.getMonth() &&        today.getDate() === birthday.getDate() &&        window.localStorage.getItem("showedBirthdayBanner") != "1") {        window.localStorage.setItem("showedBirthdayBanner", "1");        showBirthdayBanner();    }}function showBirthdayBanner() {    const banner = document.createElement('div');    banner.className = 'birthday-banner';    banner.innerHTML = `Happy birthday ${window._spPageContextInfo?.userDisplayName?.split(" ")[0]}! Wish you an awesome year ahead!`;    document.body.appendChild(banner);    banner.style.display = 'block';    // Create fireworks    createFireworks();    setTimeout(function() {        banner.remove();    }, 6000)}function createFireworks() {    const colors = ['#ff0', '#f0f', '#0ff', '#f00', '#0f0'];    for (let i = 0; i < 50; i++) {        setTimeout(() => {            const firework = document.createElement('div');            firework.className = 'firework';            firework.style.left = Math.random() * window.innerWidth + 'px';            firework.style.top = Math.random() * window.innerHeight + 'px';            firework.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];            document.body.appendChild(firework);            // Remove firework element after animation            setTimeout(() => firework.remove(), 1000);        }, Math.random() * 2000);    }}