Fix linter.

Author: vLuckyyy

components/docs/search/search-box.tsx

@@ -262,7 +262,7 @@ const SearchBox = ({
             }}
           >
             {results.length > 0 ? (
-              <AnimatePresence mode="popLayout" initial={false}>
+              <AnimatePresence initial={false} mode="popLayout">
                 <motion.div
                   animate="visible"
                   className="scrollbar-hide max-h-96 overflow-y-auto"

components/docs/search/search-modal.tsx

@@ -80,9 +80,7 @@ export function SearchModal({ isOpen, onClose, triggerRef }: SearchModalProps) {
       opacity: 1,
       y: 0,
       scale: 1,
-      transition: prefersReducedMotion
-        ? { duration: 0 }
-        : springResultTransition,
+      transition: prefersReducedMotion ? { duration: 0 } : springResultTransition,
     },
     exit: {
       opacity: 0,
@@ -360,7 +358,7 @@ export function SearchModal({ isOpen, onClose, triggerRef }: SearchModalProps) {
 
                   {/* Search Results */}
                   {showResults && !isLoading && !isInitializing && (
-                    <AnimatePresence mode="popLayout" initial={false}>
+                    <AnimatePresence initial={false} mode="popLayout">
                       <motion.div
                         animate="visible"
                         className="p-2"

components/docs/sidebar/sidebar-wrapper.tsx

@@ -3,10 +3,9 @@
 import Lenis from "lenis";
 import type { FC } from "react";
 import { useEffect, useRef, useState } from "react";
-
-import DocSidebar from "./doc-sidebar";
 import { SearchModal } from "@/components/docs/search/search-modal";
 import { SearchTrigger } from "@/components/docs/search/search-trigger";
+import DocSidebar from "./doc-sidebar";
 import type { DocItem } from "./types";
 
 interface SidebarWrapperProps {

components/ui/mdx/mdx-components.tsx

@@ -16,10 +16,9 @@ import { FileTree, FileTreeItem } from "@/components/ui/mdx/file-tree";
 import { Heading } from "@/components/ui/mdx/heading";
 import { Inline } from "@/components/ui/mdx/inline";
 import { LinkPreview } from "@/components/ui/mdx/link-preview";
-import { MdxLink } from "@/components/ui/mdx/mdx-link";
 import { MdxImage } from "@/components/ui/mdx/mdx-image";
+import { MdxLink } from "@/components/ui/mdx/mdx-link";
 import { Step, Steps } from "@/components/ui/mdx/steps";
-import { cn } from "@/lib/utils";
 
 type HeadingProps = HTMLAttributes<HTMLHeadingElement>;
 

components/ui/mdx/mdx-link.tsx

@@ -1,7 +1,6 @@
-import type { AnchorHTMLAttributes, ReactNode } from "react";
-
 import { ArrowUpRight, Link as LinkIcon } from "lucide-react";
 import Link from "next/link";
+import type { AnchorHTMLAttributes, ReactNode } from "react";
 
 import { cn } from "@/lib/utils";
 
@@ -25,9 +24,7 @@ export function MdxLink({ href = "", children, className, ...rest }: MdxLinkProp
 
   const content = (
     <span className="relative inline-flex items-center gap-1.5">
-      <span className="relative">
-        {children}
-      </span>
+      <span className="relative">{children}</span>
       {isExternal || isSpecial ? (
         <ArrowUpRight
           aria-hidden="true"
@@ -54,11 +51,7 @@ export function MdxLink({ href = "", children, className, ...rest }: MdxLinkProp
   }
 
   return (
-    <Link
-      className={cn(baseClassName, underlineClassName, className)}
-      href={href}
-      {...rest}
-    >
+    <Link className={cn(baseClassName, underlineClassName, className)} href={href} {...rest}>
       {content}
     </Link>
   );