supachat/src/App.js

import { Container } from '@mui/material';
import { AuthForm } from './Components/AuthForm';
import { Appbar } from './Components/Appbar';
import { Routes, Route } from 'react-router-dom';
import { PrivateRoute } from './Components/PrivateRoute';

function App() {
  return (
    <>
      <Container maxWidth="xs" height="100vh">
        <Routes>
          <Route
            path="/"
            element={
              <PrivateRoute>
                <Appbar />
              </PrivateRoute>
            }
          />
          <Route path="/auth" element={<AuthForm />} />
        </Routes>
      </Container>
    </>
  );
}

export default App;