feat(ui): update search component and improve responsive design

- Show only search icon on mobile (< 768px) in navbar
- Refactor Anchor component with better type safety and link handling
- Adjust spacing in Table of Contents and main content
- Improve responsive layout and consistency

app/docs/[[...slug]]/page.tsx

@@ -77,7 +77,7 @@ export default async function DocsPage({ params: { slug = [] } }: PageProps) {
 
   return (
     <div className="flex items-start gap-10">
-      <div className="flex-[4.5] pt-4 lg:pt-10">
+      <div className="flex-[4.5] pt-5">
         <MobToc tocs={tocs} />
         <DocsBreadcrumb paths={slug} />
         <Typography>

app/docs/layout.tsx

@@ -8,7 +8,7 @@ export default function DocsLayout({
   return (
     <div className="flex items-start gap-8">
       <Leftbar key="leftbar" />
-      <div className="flex-[5.25] py-4 px-1">
+      <div className="flex-[5.25] px-1">
         {children}
       </div>
     </div>