Here's the code

const contactLinks: MenuItem[] = [
  {
    name: '044-764-6776',
    link: 'tel:044-764-6776',
    icon: <FaPhoneAlt />,
    target: '_blank',
    rel: 'noopener noreferrer'
  },
]

                <ul className="flex flex-col gap-[6px] pt-2">
                    {
                        contactLinks?.map((link: MenuItem) => (
                            <li className="flex" key={`contact-item-${link.name}`}>
                                {
                                    <Link className="flex flex-row gap-2 items-center text-[15px] font-poppins text-secondary-light-content hover:underline" href={link.link}>
                                        <span className="text-primary-light">
                                            {link.icon}
                                        </span>
                                        <p>
                                            {link.name}
                                        </p>
                                    </Link>
                                }
                            </li>
                        ))
                    }
                </ul>