App.js file after adding withAuthenticator

App.js

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

function App() {
  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: "https://www.bootdey.com/app/webroot/img/Content/avatar/avatar1.png", // profile image
    },
  };

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

export default withAuthenticator(App);