Header.js

import { Link } from "react-router-dom";
const Header = () => {
  return (
    <div>
      <form
        style={{ backgroundColor: "#FCF4FF" }}
        className="flex-column align-items-center justify-content-center p-2"
      >
        <div className="d-flex justify-content-center">
          <Link to="/user">
            <img src="/BORA.png" style={{ width: "160px" }} />
          </Link>
        </div>
      </form>
      <div
        style={{ backgroundColor: "#262626", width: "auto", height: "2px" }}
      ></div>
    </div>
  );
};

export default Header;