chore: Update profile color in features component

src/components/navigation.tsx

@@ -16,6 +16,7 @@ import {
 import Logo from "./logo"
 import { ModeToggle } from "./mode-toggle"
 import { MobileNav } from "./mobile-nav"
+import { HeartIcon } from "lucide-react"
  
 export const components: { title: string; href: string; description: string }[] = [
   {
@@ -74,6 +75,14 @@ export function Navigation() {
               </ul>
             </NavigationMenuContent>
           </NavigationMenuItem>
+          <NavigationMenuItem>
+            <Link target="_blank" href="https://patreon.com/zen_browser" legacyBehavior passHref className="opacity-70 cursor-not-allowed">
+              <NavigationMenuLink className={navigationMenuTriggerStyle()}>
+                <HeartIcon size={16} />
+                <span className="ml-2">Donate</span>
+              </NavigationMenuLink>
+            </Link>
+          </NavigationMenuItem>
           <NavigationMenuItem>
             <NavigationMenuTrigger>Useful Links</NavigationMenuTrigger>
             <NavigationMenuContent>
@@ -90,13 +99,6 @@ export function Navigation() {
               </ul>
             </NavigationMenuContent>
           </NavigationMenuItem>
-          <NavigationMenuItem>
-            <Link href="#" legacyBehavior passHref className="opacity-70 cursor-not-allowed">
-              <NavigationMenuLink className={navigationMenuTriggerStyle()}>
-                Documentation
-              </NavigationMenuLink>
-            </Link>
-          </NavigationMenuItem>
           <ModeToggle />
         </NavigationMenuList>
       </NavigationMenu>