Text color needs to be set so browser styles are not used

Author: paazmaya

src/App.tsx

@@ -45,7 +45,7 @@ function App() {
                       <Box sx={{ height: "10%", bgcolor: theme.palette.background.paper }}>
                         <Header />
                       </Box>
-                      <Box sx={{ height: "90%", bgcolor: theme.palette.background.default }}>
+                      <Box sx={{ height: "90%", bgcolor: theme.palette.background.default, color: theme.palette.text.primary }}>
                         <Router />
                       </Box>
                     </HelpProvider>