updated following page and note connector

src/components/appHeader/index.tsx

@@ -1,3 +1,5 @@
+import { NoteConnector } from '@components/note/connector';
+
 import { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';
 import { useRouter } from 'next/router';
 
@@ -15,7 +17,7 @@ export default function AppHeader() {
   return (
     <div data-tauri-drag-region className="flex h-full w-full items-center">
       <div className="relative w-[68px] shrink-0">{/* macos traffic lights */}</div>
-      <div className="px-2">
+      <div className="flex w-full flex-1 items-center justify-between px-2">
         <div className="flex h-full gap-2">
           <button onClick={() => goBack()} className="group rounded-md p-1 hover:bg-zinc-900">
             <ArrowLeftIcon className="h-5 w-5 text-zinc-500 group-hover:text-zinc-300" />
@@ -24,6 +26,9 @@ export default function AppHeader() {
             <ArrowRightIcon className="h-5 w-5 text-zinc-500 group-hover:text-zinc-300" />
           </button>
         </div>
+        <div>
+          <NoteConnector />
+        </div>
       </div>
     </div>
   );