Fix next linter error.

Author: vLuckyyy

app/author/[slug]/page.tsx

@@ -7,12 +7,12 @@ import { AnimatedContainer, AnimatedElement, AnimatedSection } from "@/component
 import { notFound } from "next/navigation";
 
 interface AuthorPageProps {
-  params: { slug: string };
-  searchParams?: { page?: string };
+  params: Promise<{ slug: string }>;
+  searchParams: Promise<{ page?: string }>;
 }
 
-export async function generateMetadata({ params }: { params: { slug: string } }) {
-  const { slug } = params;
+export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
   const author = await getAuthorBySlug(slug);
 
   if (!author) {
@@ -48,7 +48,8 @@ export async function generateMetadata({ params }: { params: { slug: string } })
 }
 
 export default async function AuthorPage({ params, searchParams }: AuthorPageProps) {
-  const { slug } = params;
+  const { slug } = await params;
+  const { page } = await searchParams;
 
   if (!slug) notFound();
 
@@ -57,7 +58,7 @@ export default async function AuthorPage({ params, searchParams }: AuthorPagePro
 
   const posts = await getBlogPostsByAuthor(slug);
   const ITEMS_PER_PAGE = 6;
-  const currentPage = Math.max(1, parseInt(searchParams?.page || "1", 10));
+  const currentPage = Math.max(1, parseInt(page || "1", 10));
   const totalPages = Math.ceil(posts.length / ITEMS_PER_PAGE);
   const paginatedPosts = posts.slice(
     (currentPage - 1) * ITEMS_PER_PAGE,

components/docs/content/DocIcon.tsx

@@ -1,5 +1,6 @@
 "use client";
 import * as LucideIcons from "lucide-react";
+import type { ComponentType } from "react";
 
 interface DocIconProps {
   iconName?: string;
@@ -10,8 +11,9 @@ interface DocIconProps {
 export function DocIcon({ iconName, className = "", size = 24 }: DocIconProps) {
   if (!iconName) return null;
 
-  const IconComponent = (
-    LucideIcons as Record<string, React.ComponentType<{ className?: string; size?: number }>>
-  )[iconName];
+  const IconComponent = (LucideIcons as any)[iconName] as
+    | ComponentType<{ className?: string; size?: number }>
+    | undefined;
+
   return IconComponent ? <IconComponent className={className} size={size} /> : null;
 }

components/team/TeamMember.tsx

@@ -47,7 +47,7 @@ export default function TeamMember({ member }: TeamMemberProps) {
 
       {/* Member roles */}
       {(member.team_roles?.data ?? []).map((role, roleIndex) => (
-        <p key={`${member.id}-role-${roleIndex}`}>{role.name}</p>
+        <p key={`${member.documentId ?? member.name}-role-${roleIndex}`}>{role.name}</p>
       ))}
 
       {/* Social links with hover animations */}