Header - Copy this React, Tailwind Component to your project

The-following-is-the-current-header-code-for-my-site.-I-would-like:---replace-the-current-image-with-a-logo-containing-two-letters-A-(which-is-graphically-attractive-because-it-will-be-the-logo-of-my-site);---make-the-header-responsive;---add-the-toggle-for-dark-mode;-The-code-is-this-"export-default-function-Header()-{-return-(-<header-className="fixed-top-0-w-full-bg-primary-p-4-z-50">-<nav-className="container-mx-auto-flex-justify-between-items-center-text-white">-<div-className="flex-items-center-space-x-2">-<img-src="../images/profile.JPG"-//-Make-sure-you-have-this-image-alt="Antonio-Assanti"-className="w-10-h-10-rounded-full"-//-Image-size-and-rounding-/>-</div>-<div-className="flex-space-x-4">-<Link-href="/">Home</Link>-<Link-href="/skills">Skills</Link>-<Link-href="/projects">Projects</Link>-<Link-href="/contact">Contacts</Link>-</div>-</nav>-</header>-);-}"