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="/">
            <img src="/BORA.png" style={{ width: '160px' }} />
          </Link>
        </div>
      </form>
      <div
        style={{ backgroundColor: '#262626', width: 'auto', height: '2px' }}
      ></div>
    </div>
  )
}

export default Header