feat: begin working on editor

src/app/layout.tsx

@@ -1,10 +1,13 @@
 import Navbar from '@/components/Navbar';
 import { ConvexProvider, NextThemesProvider } from '@/providers';
-import { ClerkProvider } from '@clerk/nextjs';
+import { ClerkProvider, SignedIn } from '@clerk/nextjs';
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 import './globals.css';
 
+import Link from 'next/link';
+import { BiSolidMessageSquareAdd } from 'react-icons/bi';
+
 const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
@@ -31,7 +34,7 @@ export default function RootLayout({
           <ConvexProvider>
             <NextThemesProvider>
               <Navbar />
-              <div className='p-4'>{children}</div>
+              <div className='p-4 w-full h-full flex flex-col'>{children}</div>
             </NextThemesProvider>
           </ConvexProvider>
         </ClerkProvider>

src/app/posts/add/page.tsx

@@ -0,0 +1,9 @@
+import Editor from '@/components/Editor';
+
+export default function AddPost() {
+  return (
+    <main>
+      <Editor />
+    </main>
+  );
+}