error fix, error page is working

src/App.js

@@ -8,7 +8,7 @@ import SignUpForm from "./pages/auth/SignUpForm";
 import SignInForm from "./pages/auth/SignInForm";
 import PostCreateForm from "./pages/posts/PostCreateForm";
 import PostPage from "./pages/posts/PostPage";
-import AboutPage from ".pages/info/AboutPage";
+import AboutPage from "./pages/info/AboutPage";
 import PostsPage from "./pages/posts/PostsPage";
 import { useCurrentUser } from "./contexts/CurrentUserContext";
 import PostEditForm from "./pages/posts/PostEditForm";

src/pages/info/AboutPage.js

@@ -1,12 +1,15 @@
 import React from "react";
-import AboutPage from "./AboutPage";
 
-function App() {
+import Card from "react-bootstrap/Card";
+
+const AboutPage = () => {
   return (
-    <div className="App">
-      <AboutPage />
-    </div>
+    <Card>
+      <Card.Body>
+        <h1>About Page</h1>
+      </Card.Body>
+    </Card>
   );
-}
+};
 
-export default App;
+export default AboutPage;