feat: improve mobile responsiveness of drive header

- Stack FCT Drive title and auth buttons vertically on mobile
- Add clickable link to /drive on FCT Drive title with hover effect
- Maintain horizontal layout on desktop screens

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

1 files changed, 4 insertions, 3 deletions

diff --git a/frontend/components/drive/DriveHeader.tsx b/frontend/components/drive/DriveHeader.tsx
index 718d031..ddea927 100644
--- a/frontend/components/drive/DriveHeader.tsx
+++ b/frontend/components/drive/DriveHeader.tsx
@@ -1,13 +1,14 @@
 import { HardDrive } from "lucide-react"
 import { AuthButtons } from "@/components/auth/AuthButtons"
+import Link from "next/link"
 
 export async function DriveHeader() {
   return (
-    <div className="flex items-center justify-between">
-      <div className="flex items-center gap-2">
+    <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+      <Link href="/drive" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
         <HardDrive className="h-6 w-6" />
         <h1 className="text-2xl font-bold">FCT Drive</h1>
-      </div>
+      </Link>
       
       <AuthButtons />
     </div>