fixed appending

components/AddPostNav.jsx

@@ -7,10 +7,8 @@ const Logout = () => {
   return (
     <Link href="NewPost">
     <Button style={{display: "flex", alignItems: "center", backgroundColor: "lightgrey"}}>
-        <div style={{marginRight: "10px", marginTop: "5px"}}>
-          {"Post Code Snippet"}
-        </div>
       <Add />
+      Post Snippet
     </Button>
     </Link>
   );

components/Layout.jsx

@@ -1,6 +1,5 @@
 import { AppBar, Toolbar, Typography } from "@material-ui/core"
 import Header from "./Header";
-import Post from "./Post";
 import Footer from "./Footer";
 
 import { useAuth0 } from "@auth0/auth0-react";
@@ -30,7 +29,6 @@ const Layout = ({ children }) => {
             <Header />
           </Toolbar>
         </AppBar>
-        <Post />
       </div>
       <main>{children}</main>
       <Footer />

pages/index.js

@@ -1,6 +1,11 @@
-import Editor from "../components/editor.jsx"
-import Layout from "../components/Layout"
+import Editor from '../components/editor.jsx'
+import Layout from '../components/Layout'
+import Post from '@/components/Post.jsx'
 
 export default () => {
-    return <Layout></Layout>
+  return (
+    <Layout>
+      <Post />
+    </Layout>
+  )
 }