refactor: migrate from Biome to oxlint/oxfmt, remove contact form

- Replace Biome with oxlint + oxfmt (OXC toolchain) for linting and formatting
- Add .oxlintrc.json and .oxfmtrc.json configuration files
- Update VS Code settings and devcontainer to use oxc-vscode extension
- Remove contact form, Resend email integration, and related server action/schema
- Remove unused UI components (accordion, alert, card, tabs, toggle, etc.)

app/notes/[slug]/page.tsx

@@ -11,15 +11,16 @@ import { notFound } from "next/navigation";
 import { Suspense } from "react";
 import { JsonLd } from "react-schemaorg";
 import type { BlogPosting } from "schema-dts";
+
 import { CommentCount } from "@/components/comment-count";
 import { Comments } from "@/components/comments/comments";
 import { CommentsSkeleton } from "@/components/comments/comments-skeleton";
 import { ViewCounter } from "@/components/view-counter";
 import authorConfig from "@/lib/config/author";
 import siteConfig from "@/lib/config/site";
-
 import { createMetadata } from "@/lib/metadata";
 import { getFrontMatter, getSlugs, POSTS_DIR } from "@/lib/posts";
+
 import { size as ogImageSize } from "./opengraph-image";
 
 export const generateStaticParams = async () => {
@@ -79,9 +80,7 @@ const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
     }),
   };
 
-  const { default: MDXContent } = await import(
-    `../../../${POSTS_DIR}/${slug}/index.mdx`
-  );
+  const { default: MDXContent } = await import(`../../../${POSTS_DIR}/${slug}/index.mdx`);
 
   return (
     <>
@@ -110,17 +109,14 @@ const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
         }}
       />
 
-      <div className="flex flex-wrap justify-items-start gap-4 text-[13px] text-foreground/70 tracking-wide">
+      <div className="text-foreground/70 flex flex-wrap justify-items-start gap-4 text-[13px] tracking-wide">
         <Link
           href={`/${POSTS_DIR}/${frontmatter?.slug}`}
           className={
-            "flex flex-nowrap items-center gap-1.5 whitespace-nowrap text-foreground/70 hover:no-underline"
+            "text-foreground/70 flex flex-nowrap items-center gap-1.5 whitespace-nowrap hover:no-underline"
           }
         >
-          <CalendarDaysIcon
-            className="inline size-3 shrink-0"
-            aria-hidden="true"
-          />
+          <CalendarDaysIcon className="inline size-3 shrink-0" aria-hidden="true" />
           <time
             dateTime={formattedDates.dateISO}
             title={formattedDates.dateTitle}
@@ -137,7 +133,7 @@ const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
               <span
                 key={tag}
                 title={tag}
-                className="mx-px lowercase before:pr-0.5 before:text-foreground/40 before:content-['\0023'] first-of-type:ml-0 last-of-type:mr-0"
+                className="before:text-foreground/40 mx-px lowercase before:pr-0.5 before:content-['#'] first-of-type:ml-0 last-of-type:mr-0"
               >
                 {tag}
               </span>
@@ -149,24 +145,18 @@ const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
           href={`https://github.com/${process.env.NEXT_PUBLIC_GITHUB_REPO}/blob/main/${POSTS_DIR}/${frontmatter?.slug}/index.mdx`}
           title={`Edit "${frontmatter?.title}" on GitHub`}
           className={
-            "flex flex-nowrap items-center gap-1.5 whitespace-nowrap text-foreground/70 hover:no-underline"
+            "text-foreground/70 flex flex-nowrap items-center gap-1.5 whitespace-nowrap hover:no-underline"
           }
         >
-          <SquarePenIcon
-            className="inline size-3 shrink-0"
-            aria-hidden="true"
-          />
+          <SquarePenIcon className="inline size-3 shrink-0" aria-hidden="true" />
           <span>Improve This Post</span>
         </Link>
 
         <Link
           href={`/${POSTS_DIR}/${frontmatter?.slug}#comments`}
-          className="flex flex-nowrap items-center gap-1.5 whitespace-nowrap text-foreground/70 hover:no-underline"
+          className="text-foreground/70 flex flex-nowrap items-center gap-1.5 whitespace-nowrap hover:no-underline"
         >
-          <MessagesSquareIcon
-            className="inline size-3 shrink-0"
-            aria-hidden="true"
-          />
+          <MessagesSquareIcon className="inline size-3 shrink-0" aria-hidden="true" />
           <CommentCount slug={`${POSTS_DIR}/${frontmatter?.slug}`} />
         </Link>
 
@@ -177,12 +167,11 @@ const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
       </div>
 
       <h1
-        className="my-5 font-medium text-3xl tracking-tight"
+        className="my-5 text-3xl font-medium tracking-tight"
         style={{ viewTransitionName: `note-title-${frontmatter?.slug}` }}
       >
         <Link
           href={`/${POSTS_DIR}/${frontmatter?.slug}`}
-          // biome-ignore lint/security/noDangerouslySetInnerHtml: htmlTitle is sanitized by rehypeSanitize in lib/posts.ts
           dangerouslySetInnerHTML={{
             __html: frontmatter.htmlTitle || frontmatter.title,
           }}
@@ -195,10 +184,8 @@ const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
       <section id="comments" className="isolate my-8 w-full border-t-2 pt-8">
         <div className="mx-auto w-full max-w-3xl space-y-6">
           {frontmatter?.noComments ? (
-            <div className="flex justify-center rounded-lg bg-muted/40 px-6 py-12">
-              <p className="text-center font-medium text-lg">
-                Comments are closed.
-              </p>
+            <div className="bg-muted/40 flex justify-center rounded-lg px-6 py-12">
+              <p className="text-center text-lg font-medium">Comments are closed.</p>
             </div>
           ) : (
             <Suspense fallback={<CommentsSkeleton />}>