include the time provider

src/App.tsx

@@ -1,21 +1,23 @@
 import React from 'react';
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import { Auth, Login, Logout, NavBar, Overview } from './components';
-import { AuthProvider } from './contexts';
+import { AuthProvider, TimeProvider } from './contexts';
 import './App.css';
 
 const App: React.FC = () => (
   <>
     <BrowserRouter>
-      <AuthProvider>
+      <TimeProvider>
-        <NavBar />
+        <AuthProvider>
-        <Routes>
+          <NavBar />
-          <Route index element={<Login />} />
+          <Routes>
-          <Route path='/auth' element={<Auth />} />
+            <Route index element={<Login />} />
-          <Route path='/overview' element={<Overview />} />
+            <Route path='/auth' element={<Auth />} />
-          <Route path='/logout' element={<Logout />} />
+            <Route path='/overview' element={<Overview />} />
-        </Routes>
+            <Route path='/logout' element={<Logout />} />
-      </AuthProvider>
+          </Routes>
+        </AuthProvider>
+      </TimeProvider>
     </BrowserRouter>
   </>
 );