Add ride detail pages

src/components/layout/Header.tsx

@@ -6,6 +6,7 @@ import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet';
 import { Badge } from '@/components/ui/badge';
 import { Link, useNavigate } from 'react-router-dom';
 import { SearchDropdown } from '@/components/search/SearchDropdown';
+import { AuthButtons } from '@/components/auth/AuthButtons';
 
 export function Header() {
   const navigate = useNavigate();
@@ -66,12 +67,7 @@ export function Header() {
 
         {/* User Actions */}
         <div className="flex items-center gap-2">
-          <Button variant="ghost" size="sm" className="hidden sm:flex">
-            Sign In
-          </Button>
-          <Button size="sm" className="bg-gradient-to-r from-primary to-accent hover:from-primary/90 hover:to-accent/90">
-            Join ThrillWiki
-          </Button>
+          <AuthButtons />
           
           {/* Mobile Menu */}
           <Sheet>