feat: add lucide-react dependency and update HomePage component

- Add lucide-react library for icon usage in the project
- Refactor HomePage component to use Button component with icons
- Enhance user interface with improved button design and functionality

Author: harryisfish

app/(home)/page.tsx

@@ -1,3 +1,4 @@
+import { BookCheckIcon, BugPlayIcon, WebhookIcon } from 'lucide-react';
 import Link from 'next/link';
 
 export default function HomePage() {
@@ -8,25 +9,25 @@ export default function HomePage() {
         This is the MultiPost documentation center, where you can find all the information and usage guides about MultiPost.
       </p>
       <div className="flex flex-col sm:flex-row gap-4">
-        <Link
-          href="/docs/user-guide"
-          className="px-6 py-3 bg-fd-primary text-fd-primary-foreground rounded-md font-medium hover:bg-fd-primary/90 transition-colors"
-      >
-        User Guide
-      </Link>
-      <Link
-        href="https://api-docs.multipost.app/"
-        className="px-6 py-3 bg-fd-primary text-fd-primary-foreground rounded-md font-medium hover:bg-fd-primary/90 transition-colors"
-      >
-        API Reference
-      </Link>
-      <Link
-        href="/docs/development"
-        className="px-6 py-3 bg-fd-primary text-fd-primary-foreground rounded-md font-medium hover:bg-fd-primary/90 transition-colors"
-        >
+        <Button href="/docs/user-guide" icon={<BookCheckIcon />}>
+          User Guide
+        </Button>
+        <Button href="https://api-docs.multipost.app/" icon={<WebhookIcon />}>
+          API Reference
+        </Button>
+        <Button href="/docs/development" icon={<BugPlayIcon />}>
           Development
-        </Link>
+        </Button>
       </div>
     </main>
   );
 }
+
+const Button = ({ children, icon, href }: { children: React.ReactNode, icon: React.ReactNode, href: string }) => {
+  return (
+    <Link href={href} className="flex items-center gap-2 px-6 py-3 bg-fd-primary text-fd-primary-foreground rounded-md font-medium hover:bg-fd-primary/90 transition-colors">
+      {icon}
+      {children}
+    </Link>
+  );
+};

package.json

@@ -13,6 +13,7 @@
     "fumadocs-mdx": "11.5.8",
     "fumadocs-openapi": "^7.0.13",
     "fumadocs-ui": "15.2.5",
+    "lucide-react": "^0.488.0",
     "next": "15.2.4",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",