fix: made paddign consistent between nav and table of content

packages/akiradocs/public/context/en_docs.txt

@@ -1,13 +1,3 @@
-[Document: docs/introduction.json]
-Title: Introduction
-<strong>Akira Docs</strong> is a modern documentation platform that combines the power of AI with an intuitive block-based content system. This guide will help you understand the core concepts and features.
-Key Features
-AI-powered search
-Block-based content editing
-Responsive design
-Customizable themes
-Markdown support
--------------
 [Document: articles/welcome.json]
 Title: Welcome to Akira Doc
 Get started with Akira Docs - Next-gen documentation powered by AI
@@ -66,6 +56,16 @@ ai_assistant:
 Next Steps
 Explore our [Advanced AI Features](/advanced-ai-features) guide to learn more about specialized use cases and integration possibilities.
 -------------
+[Document: docs/introduction.json]
+Title: Introduction
+<strong>Akira Docs</strong> is a modern documentation platform that combines the power of AI with an intuitive block-based content system. This guide will help you understand the core concepts and features.
+Key Features
+AI-powered search
+Block-based content editing
+Responsive design
+Customizable themes
+Markdown support
+-------------
 [Document: docs/guides/analytics.json]
 Title: Analytics Integration
 Learn how to add analytics tracking to your documentation

packages/akiradocs/src/components/layout/Navigation.tsx

@@ -34,8 +34,8 @@ export function Navigation({ locale, items }: NavigationProps) {
   return (
     <ErrorBoundary FallbackComponent={ErrorFallback}>
       <aside className="w-64 bg-sidebar-background/50 text-sidebar-foreground border-r border-border/40 h-[calc(100vh-4rem)] sticky top-16 backdrop-blur-sm">
-        <ScrollArea className="h-full py-4">
-          <nav className="px-3 space-y-1">
+        <ScrollArea className="h-full py-6 px-4">
+          <nav className="space-y-2">
             {Object.entries(items)
               .filter(([key]) => key !== "defaultRoute")
               .map(([key, item]) => (
@@ -140,7 +140,7 @@ export function ApiSidebar() {
     <ErrorBoundary FallbackComponent={ErrorFallback}>
       <aside className="w-64 bg-sidebar-background text-sidebar-foreground border-r h-[calc(100vh-4rem)] sticky top-16 shadow-sm">
         <ScrollArea className="h-full py-6 px-4">
-          <nav>
+          <nav className="space-y-2">
             {navigation.map((item, index) => (
               <ApiNavItem key={index} item={item} />
             ))}

packages/akiradocs/src/components/layout/TableOfContents.tsx

@@ -57,11 +57,11 @@ export function TableOfContents({ publishDate, modifiedDate, author, locale }: T
 
   return (
     <div className="w-64 border-l border-border sticky top-16 h-[calc(100vh-4rem)] hidden xl:block">
-      <ScrollArea className="h-full py-2 px-4">
-        <nav>
+      <ScrollArea className="h-full py-6 px-4">
+        <nav className="space-y-2">
           {(author || modifiedDate) && (
             <>
-              <div className="mb-4 text-sm">
+              <div className="mb-6">
                 {author && author !== 'Anonymous' && (
                   <div className="flex items-center gap-2 mb-2 p-2.5 rounded-lg bg-muted/30 backdrop-blur-sm">
                     <div className="h-7 w-7 rounded-full bg-primary/10 flex items-center justify-center">
@@ -104,7 +104,7 @@ export function TableOfContents({ publishDate, modifiedDate, author, locale }: T
             {t('common.labels.onThisPage')}
           </h4>
 
-          <ul className="space-y-2 ml-1">
+          <ul className="space-y-2">
             {headings.map((heading) => {
               const level = parseInt(heading.tagName[1]) - 2;
               return (
@@ -113,8 +113,8 @@ export function TableOfContents({ publishDate, modifiedDate, author, locale }: T
                     href={`#${heading.id}`}
                     onClick={(e) => handleClick(e, heading.id)}
                     className={`
-                      text-sm block py-1.5 transition-colors duration-200 rounded-md
-                      ${level > 0 ? 'pl-' + (level * 4) : ''}
+                      text-sm block px-3 py-2 transition-colors duration-200 rounded-md
+                      ${level > 0 ? 'pl-' + (level * 4 + 3) : ''}
                       ${
                         activeId === heading.id
                           ? 'text-primary font-medium bg-primary/5'