chore: update to pnpm 11, bump other deps

components/comments/comment-form.tsx

@@ -142,12 +142,12 @@ const MarkdownHelp = () => (
           <button
             type="button"
             className="text-primary decoration-primary/40 cursor-pointer font-semibold no-underline decoration-2 underline-offset-4 hover:underline"
-          />
+          >
+            <span>Markdown</span>
+            <span className="max-md:hidden">&nbsp;syntax</span>
+          </button>
         }
-      >
-        <span>Markdown</span>
-        <span className="max-md:hidden">&nbsp;syntax</span>
-      </PopoverTrigger>
+      />
       <PopoverContent align="start">
         <p className="text-sm leading-loose">
           <IconInfoCircle className="mr-1.5 inline size-4.5 align-text-top" />

components/layout/footer.tsx

@@ -8,7 +8,7 @@ const Footer = () => (
     className="text-muted-foreground border-border mt-8 w-full border-t py-6 text-xs leading-loose"
   >
     All content is licensed under{" "}
-    <Link href="/license" className="underline underline-offset-4">
+    <Link href="/license" className="underline underline-offset-2">
       {siteConfig.license}
     </Link>
     . View source on{" "}
@@ -16,7 +16,7 @@ const Footer = () => (
       href={`https://github.com/${process.env.NEXT_PUBLIC_GITHUB_REPO}`}
       target="_blank"
       rel="noopener noreferrer"
-      className="underline underline-offset-4"
+      className="underline underline-offset-2"
     >
       GitHub
     </a>

components/third-party/tweet.tsx

@@ -40,9 +40,9 @@ const Tweet = async ({ id, className }: { id: string; className?: string }) => {
         tweet={data}
         components={{
           // https://react-tweet.vercel.app/twitter-theme/api-reference#custom-tweet-components
-          // eslint-disable-next-line jsx-a11y/alt-text
+          // oxlint-disable-next-line jsx-a11y/alt-text, react/no-unstable-nested-components
           AvatarImg: (props) => <Image {...props} unoptimized />,
-          // eslint-disable-next-line jsx-a11y/alt-text
+          // oxlint-disable-next-line jsx-a11y/alt-text, react/no-unstable-nested-components
           MediaImg: (props) => <Image {...props} fill unoptimized />,
         }}
       />

components/ui/field.tsx

@@ -73,6 +73,7 @@ function Field({
 }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) {
   return (
     <div
+      // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role
       role="group"
       data-slot="field"
       data-orientation={orientation}

components/ui/spinner.tsx

@@ -5,6 +5,7 @@ import { cn } from "@/lib/utils";
 function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
   return (
     <IconLoader2
+      // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role
       role="status"
       aria-label="Loading"
       className={cn("size-4 animate-spin", className)}