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.)

components/layout/menu.tsx

@@ -1,15 +1,9 @@
 "use client";
 
-import { ChevronDownIcon } from "lucide-react";
 import Link from "next/link";
 import { useSelectedLayoutSegment } from "next/navigation";
+
 import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
 
 const menuItems = [
   {
@@ -20,79 +14,31 @@ const menuItems = [
     text: "Projects",
     href: "/projects",
   },
-  {
-    text: "Contact",
-    href: "/contact",
-  },
 ] as const;
 
 const Menu = () => {
   const segment = useSelectedLayoutSegment() || "";
 
-  const currentItem = menuItems.find(
-    (item) => item.href?.split("/")[1] === segment,
-  );
-  const currentLabel = segment === "" ? "Home" : currentItem?.text || "Menu";
-
   return (
-    <nav data-slot="navigation-menu">
-      {/* Desktop: Show all buttons */}
-      <div className="hidden items-center gap-2 sm:flex">
-        {menuItems.map((item) => {
-          const isCurrent = item.href?.split("/")[1] === segment;
+    <nav data-slot="navigation-menu" className="flex items-center gap-2">
+      {menuItems.map((item) => {
+        const isCurrent = item.href?.split("/")[1] === segment;
 
-          return (
-            <Button
-              asChild
-              key={item.href}
-              variant="ghost"
-              size="sm"
-              aria-label={item.text}
-              data-current={isCurrent || undefined}
-              className="text-[15px] leading-none data-current:bg-accent/60 data-current:text-accent-foreground"
-            >
-              <Link href={item.href}>{item.text}</Link>
-            </Button>
-          );
-        })}
-      </div>
-
-      {/* Mobile: Show dropdown menu */}
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
+        return (
           <Button
+            key={item.href}
             variant="ghost"
             size="sm"
-            className="flex gap-2 text-[17.5px] sm:hidden data-[state=open]:[&_svg]:rotate-180"
+            nativeButton={false}
+            aria-label={item.text}
+            data-current={isCurrent || undefined}
+            className="data-current:bg-accent/60 data-current:text-accent-foreground text-[15px] leading-none"
+            render={<Link href={item.href} />}
           >
-            {currentLabel}
-            <ChevronDownIcon className="size-3.5 opacity-60 transition-transform duration-200" />
+            {item.text}
           </Button>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="start" className="min-w-[140px]">
-          <DropdownMenuItem
-            asChild
-            data-current={segment === ""}
-            aria-current={segment === "" ? "page" : undefined}
-          >
-            <Link href="/">Home</Link>
-          </DropdownMenuItem>
-          {menuItems.map((item) => {
-            const isCurrent = item.href?.split("/")[1] === segment;
-
-            return (
-              <DropdownMenuItem
-                asChild
-                key={item.href}
-                data-current={isCurrent || undefined}
-                aria-current={isCurrent ? "page" : undefined}
-              >
-                <Link href={item.href}>{item.text}</Link>
-              </DropdownMenuItem>
-            );
-          })}
-        </DropdownMenuContent>
-      </DropdownMenu>
+        );
+      })}
     </nav>
   );
 };