chore(my-todo-list-ui-no-ux): refactor

my-todo-list-ui-no-ux/app/app.jsx

@@ -8,7 +8,11 @@ export default function App() {
     return (
 	<Router>
 	    <Routes>
-		<Route path="/" element={<PrivateRoute><Home /></PrivateRoute>} />
+		<Route path="/" element={
+			   <PrivateRoute>
+			       <Home />
+			   </PrivateRoute>
+		       } />
 		<Route path="*" element={<Navigate to="/" />} />
 	    </Routes>
 	</Router>

my-todo-list-ui-no-ux/app/index.jsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './app';
 import { AuthProvider } from "react-oidc-context";
 
+import App from './app';
+
 //TODO remove debugging
 if (process.env.NODE_ENV !== 'production') {
     console.log('development mode');

my-todo-list-ui-no-ux/app/pages/home.jsx

@@ -5,7 +5,8 @@ import AuthBar from '../components/auth-bar'
 
 const Home = () => {
     const auth = useAuth()
-    const access_token = auth.user.access_token
+    //use access token for secured api calls
+    //TODO const access_token = auth.user.access_token
     return (
 	<>
             <AuthBar />