Добавил компоненты

Frontend/src/App.tsx

-const App = () => (
+import { Container, CssBaseline } from '@mui/material';
+import { Route, Routes } from 'react-router-dom';
+import { AppToolbar } from './components/UI/AppToolbar/AppToolbar';
+import { Products } from './containers/Products/Products';
+
+function App() {
+  return (
     <>
-    <header>Navbar will go here</header>
-    <main>Main content will go here</main>
+      <CssBaseline />
+
+      <header>
+        <AppToolbar />
+      </header>
+
+      <main>
+        <Container maxWidth="xl" sx={{ mt: 10 }}>
+          <Routes>
+            <Route path="/" element={<Products />} />
+          </Routes>
+        </Container>
+      </main>
     </>
-);
+  );
+}
 
 export default App;

Frontend/src/containers/Products/Products.tsx

+import { Link } from 'react-router-dom';
+import { Typography, Grid, Button } from '@mui/material';
+
+export function Products() {
+  return (
+    <Grid container direction="column" spacing={2}>
+      <Grid item container direction="row" justifyContent="space-between" alignItems="center">
+        <Grid item>
+          <Typography variant="h4">Products</Typography>
+        </Grid>
+
+        <Grid item>
+          <Button color="primary" component={Link} to={'/products/new'}>
+            Add product
+          </Button>
+        </Grid>
+      </Grid>
+    </Grid>
+  );
+}

Frontend/src/helpers/axiosApiClient.ts

+import axios from "axios";
+
+export const axiosApiClient = axios.create({
+ baseURL: "http://localhost:8000"
+});
\ No newline at end of file