// this function is used to get the data we need for the html we want to render
    function getItemData(dataArray) {
        if (!dataArray) return [];

        return dataArray?.map((item) => ({
            name: item?.name ?? "",
            category: item?.category ?? "",
            web: item?.website ?? "",
            tel: item?.tel ?? "",
            email: item?.email ?? "",
        }));
    }