docs(calendar): add basePath and replace internal links with Link component

- Add basePath '/calendar' to next.config.mjs
- Replace markdown internal links with Next.js Link component for basePath compatibility

Author: songsang

docs/calendar/app/api-docs/api/use-calendar/page.mdx

@@ -1,3 +1,5 @@
+import Link from 'next/link';
+
 # useCalendar
 
 The main hook that provides calendar state, navigation controls, and render data.
@@ -113,11 +115,11 @@ The hook returns an object with the following structure:
 
 For detailed information about each part of the return value:
 
-- **[headers](/api-docs/api/headers)** - Weekday header data
-- **[body](/api-docs/api/body)** - Calendar grid data
-- **[navigation](/api-docs/api/navigation)** - Navigation methods
-- **[view](/api-docs/api/view)** - View type controls
-- **[utilities](/api-docs/api/utilities)** - Metadata and utility methods
+- <Link href="/api-docs/api/headers">**headers**</Link> - Weekday header data
+- <Link href="/api-docs/api/body">**body**</Link> - Calendar grid data
+- <Link href="/api-docs/api/navigation">**navigation**</Link> - Navigation methods
+- <Link href="/api-docs/api/view">**view**</Link> - View type controls
+- <Link href="/api-docs/api/utilities">**utilities**</Link> - Metadata and utility methods
 
 ## Type Exports
 

docs/calendar/app/docs/guide/getting-started/page.mdx

@@ -1,3 +1,5 @@
+import Link from 'next/link';
+
 # Getting Started
 
 Get started with @h6s/calendar in your React application.
@@ -75,12 +77,12 @@ A styled calendar with date selection and month navigation:
 <Sandpack files={filesCalendar} height={425} />
 
 <div className="mt-4 flex justify-end">
-  <a
+  <Link
     href="/docs/examples/date-picker/vanilla"
     className="inline-flex items-center gap-1 text-sm text-blue-600 dark:text-blue-400 hover:underline"
   >
     View more examples →
-  </a>
+  </Link>
 </div>
 
 ## Key Concepts

docs/calendar/app/docs/guide/headless-philosophy/page.mdx

@@ -1,3 +1,5 @@
+import Link from 'next/link';
+
 # Headless Philosophy
 
 ## What is Headless?
@@ -186,7 +188,7 @@ All using the same `useCalendar()` hook.
 
 ## Philosophy in Action
 
-See our [Examples](/docs/examples) to see how the same `useCalendar` hook powers completely different calendar designs:
+See our <Link href="/docs/examples">Examples</Link> to see how the same `useCalendar` hook powers completely different calendar designs:
 
 - DatePicker with popover
 - DateRangePicker with dual calendars
@@ -197,4 +199,4 @@ Each example uses **the exact same hook**, just with different presentation laye
 
 ---
 
-**Next:** Learn how to use the [API Reference](/api-docs/api/use-calendar) to build your own calendar.
+**Next:** Learn how to use the <Link href="/api-docs/api/use-calendar">API Reference</Link> to build your own calendar.

docs/calendar/next.config.mjs

@@ -6,4 +6,5 @@ const withNextra = nextra({
 
 export default withNextra({
   reactStrictMode: true,
+  basePath: "/calendar",
 });