client/src/components/Logo/Logo.jsx

import React from "react";
import { Link } from "react-router-dom";
import { Box } from "@mui/material";

const Logo = () => {
  return (
    <Link to="/" style={{ textDecoration: "none" }}>
      <Box
        component="img"
        src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
        alt="Hugging Face"
        sx={{
          height: 80,
          width: "auto",
          display: "block",
          margin: "0 auto",
        }}
      />
    </Link>
  );
};

export default Logo;