added app-header and updated navigation bar

src/pages/index.tsx

@@ -40,9 +40,9 @@ export default function Page() {
         <div className="flex flex-col items-center gap-2">
           <LumeSymbol className="h-16 w-16 text-black dark:text-white" />
           <div className="text-center">
-            <h3 className="text-lg font-semibold text-zinc-900 dark:text-zinc-100">Did you know?</h3>
+            <h3 className="text-lg font-semibold leading-tight text-zinc-900 dark:text-zinc-100">Did you know?</h3>
             <p className="font-medium text-zinc-300 dark:text-zinc-600">
-              no one can&apos;t stop you use bitcoin and nostr
+              No one can&apos;t stop you use bitcoin and nostr
             </p>
           </div>
         </div>

src/pages/newsfeed/circle.tsx

@@ -1,5 +1,5 @@
 import BaseLayout from '@layouts/base';
-import NewsFeedLayout from '@layouts/newsfeed';
+import WithSidebarLayout from '@layouts/withSidebar';
 
 import { JSXElementConstructor, ReactElement, ReactFragment, ReactPortal } from 'react';
 
@@ -22,7 +22,7 @@ Page.getLayout = function getLayout(
 ) {
   return (
     <BaseLayout>
-      <NewsFeedLayout>{page}</NewsFeedLayout>
+      <WithSidebarLayout>{page}</WithSidebarLayout>
     </BaseLayout>
   );
 };

src/pages/newsfeed/following.tsx

@@ -1,5 +1,5 @@
 import BaseLayout from '@layouts/base';
-import NewsFeedLayout from '@layouts/newsfeed';
+import WithSidebarLayout from '@layouts/withSidebar';
 
 import { DatabaseContext } from '@components/contexts/database';
 import { NoteConnector } from '@components/note/connector';
@@ -137,7 +137,7 @@ Page.getLayout = function getLayout(
 ) {
   return (
     <BaseLayout>
-      <NewsFeedLayout>{page}</NewsFeedLayout>
+      <WithSidebarLayout>{page}</WithSidebarLayout>
     </BaseLayout>
   );
 };