feat: improve app ui and project metadata

apps/web/components/NavDrawer.tsx

@@ -1,7 +1,9 @@
 "use client";
 
 import { useState } from "react";
+import { Menu } from "lucide-react";
 
+import { Button } from "@/components/ui/Button";
 import type { ActiveNav } from "@/lib/nav/items";
 import { Drawer } from "./Drawer";
 import { NavItems } from "./NavItems";
@@ -17,17 +19,16 @@ export function NavDrawer({ projectId, activeNav }: NavDrawerProps) {
 
   return (
     <>
-      <button
-        type="button"
+      <Button
         onClick={() => setOpen(true)}
         aria-label="打开导航"
         aria-expanded={open}
-        className="-ml-1 rounded p-2 text-ink hover:text-cinnabar lg:hidden"
+        variant="ghost"
+        size="icon"
+        className="-ml-2 lg:hidden"
       >
-        <span aria-hidden="true" className="block text-lg leading-none">
-          ☰
-        </span>
-      </button>
+        <Menu className="h-5 w-5" aria-hidden="true" />
+      </Button>
       <Drawer
         open={open}
         onClose={() => setOpen(false)}