feat: begin working on editor

src/components/Navbar.tsx

@@ -1,5 +1,6 @@
 import { SignedIn, SignedOut, UserButton } from '@clerk/nextjs';
 import Link from 'next/link';
+import { BiSolidMessageSquareAdd } from 'react-icons/bi';
 import ThemeButton from './ThemeButton';
 
 export default function Navbar() {
@@ -15,6 +16,31 @@ export default function Navbar() {
             <span className='font-bold text-4xl text-primary-accent'>X</span>
           </Link>
         </li>
+        <SignedIn>
+          <li>
+            {/* TODO: Style this */}
+            <div>
+              <input
+                type='text'
+                placeholder='Search'
+              />
+            </div>
+          </li>
+          <li>
+            <Link href='#'>Following</Link>
+          </li>
+          <li>
+            <Link href='#'>Profile</Link>
+          </li>
+          <li>
+            <Link
+              href='/posts/add'
+              className='text-primary-accent'
+            >
+              <BiSolidMessageSquareAdd className='w-10 h-10' />
+            </Link>
+          </li>
+        </SignedIn>
       </ul>
       <ul className='flex items-center gap-4'>
         <li>