Create new screens for existing routes

src/AuthenticatedApp.js

@@ -9,6 +9,8 @@ import {
 } from '@mui/icons-material';
 import MainDrawer from './components/MainDrawer';
 import Home from './screens/Home';
+import Information from './screens/Information';
+import Calendar from './screens/Calendar';
 
 function AuthenticatedApp() {
   const { pathname } = useLocation();
@@ -17,6 +19,8 @@ function AuthenticatedApp() {
       <MainDrawer options={menuOptions(pathname)} />
       <Routes>
         <Route path="/home" element={<Home />} />
+        <Route path="/info" element={<Information />} />
+        <Route path="/calendar" element={<Calendar />} />
         <Route path="/login" element={<Navigate to="/home" />} />
       </Routes>
     </>

src/screens/Calendar/index.js

@@ -0,0 +1,5 @@
+function Calendar() {
+  return <h1>Calendário Acadêmico</h1>;
+}
+
+export default Calendar;

src/screens/Home/index.js

@@ -6,7 +6,7 @@ function Home() {
 
   return (
     <div>
-      <h2>You're logged in!</h2>
+      <h2>Página inicial</h2>
       <button onClick={classrooms}>Get classrooms</button>
       {isPending && <h1>Loading...</h1>}
     </div>

src/screens/Information/index.js

@@ -0,0 +1,5 @@
+function Information() {
+  return <h1>Informações</h1>;
+}
+
+export default Information;