App.js after adding signOut functionality

App.js

import { NavBar, NewCars } from "./ui-components";
import { withAuthenticator } from "@aws-amplify/ui-react";
import "./App.css";

// retrieving signOut function, and user data
function App({ user, signOut }) {

  const navbarOverrides = {
    "Flex.Flex[0].Image[0]": {
      src: "https://img.icons8.com/color/50/000000/car--v1.png", // app logo
    },
    "Flex.Flex[2].Image[0]": {
      src: user?.attributes?.profile, // passing profile image from user object
    },
    "Flex.Flex[2].Button[0]": {
      onClick: signOut, // passing signOut function
    },
  };

  return (
    <div className="App">
      <NavBar overrides={navbarOverrides} width={"100%"} />
      <header className="App-header">
        <NewCars />
      </header>
    </div>
  );
}

export default withAuthenticator(App);