Change support for docs (vibe-kanban) (#90)

* Perfect! The build completed successfully. The changes have been implemented:

✅ **Removed Support functionality**: Deleted the `support-dialog.tsx` component and removed its import from the navbar
✅ **Added Docs link**: Replaced the Support button with a Docs link that opens https://vibekanban.com/ in a new tab
✅ **Updated icons**: Changed from `HelpCircle` to `BookOpen` icon for the Docs link
✅ **Build passes**: Frontend builds successfully without errors

The navbar now shows a "Docs" button instead of "Support" that links to the specified URL.

* prettier

frontend/src/components/layout/navbar.tsx

@@ -1,8 +1,7 @@
 import { Link, useLocation } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
-import { FolderOpen, Settings, HelpCircle, Server } from 'lucide-react';
+import { FolderOpen, Settings, BookOpen, Server } from 'lucide-react';
 import { Logo } from '@/components/logo';
-import { SupportDialog } from '@/components/support-dialog';
 
 export function Navbar() {
   const location = useLocation();
@@ -53,12 +52,16 @@ export function Navbar() {
             </div>
           </div>
           <div className="flex items-center">
-            <SupportDialog>
+            <Button asChild variant="ghost" size="sm">
-              <Button variant="ghost" size="sm">
+              <a
-                <HelpCircle className="mr-2 h-4 w-4" />
+                href="https://vibekanban.com/"
-                Support
+                target="_blank"
-              </Button>
+                rel="noopener noreferrer"
-            </SupportDialog>
+              >
+                <BookOpen className="mr-2 h-4 w-4" />
+                Docs
+              </a>
+            </Button>
           </div>
         </div>
       </div>

frontend/src/components/support-dialog.tsx

@@ -1,52 +0,0 @@
-import { useState, ReactNode } from 'react';
-import { HelpCircle, Mail } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
-
-interface SupportDialogProps {
-  children: ReactNode;
-}
-
-export function SupportDialog({ children }: SupportDialogProps) {
-  const [isOpen, setIsOpen] = useState(false);
-
-  const handleEmailClick = () => {
-    window.location.href = 'mailto:louis@bloop.ai';
-  };
-
-  return (
-    <>
-      <div onClick={() => setIsOpen(true)}>{children}</div>
-      <Dialog open={isOpen} onOpenChange={setIsOpen}>
-        <DialogContent>
-          <DialogHeader>
-            <DialogTitle className="flex items-center gap-2">
-              <HelpCircle className="h-5 w-5" />
-              Support
-            </DialogTitle>
-            <DialogDescription>
-              Have questions or need help? I'm here to assist you!
-            </DialogDescription>
-          </DialogHeader>
-          <div className="space-y-4">
-            <p className="text-sm text-muted-foreground">
-              Email me at{' '}
-              <strong className="text-foreground">louis@bloop.ai</strong> with
-              any questions and I'll respond ASAP.
-            </p>
-            <Button onClick={handleEmailClick} className="w-full">
-              <Mail className="mr-2 h-4 w-4" />
-              Send Email
-            </Button>
-          </div>
-        </DialogContent>
-      </Dialog>
-    </>
-  );
-}