update styles

app/faq/page.tsx

@@ -24,6 +24,9 @@ export default function FAQPage() {
                         />
                       ),
                       strong: ({ ...props }) => <span className="font-bold" {...props} />,
+                      a: ({ ...props }) => (
+                        <a className="font-semibold underline" target="_blank" rel="noopener noreferrer" {...props} />
+                      ),
                     }}
                   >
                     {answer}

app/settings.tsx

@@ -27,6 +27,11 @@ export const NAVIGATION: NavItem[] = [
     label: "FAQ",
     href: "/faq",
   },
+  {
+    label: "API",
+    href: "https://tlsnotary.github.io/tlsn/",
+    external: true,
+  },
   {
     label: "Documentation",
     href: LINKS.DOCUMENTATION,

components/AppHeader.tsx

@@ -3,7 +3,7 @@
 import Link from "next/link";
 import { AppContainer } from "./AppContainer";
 import { Icons } from "./Icons";
-import { LINKS, NAVIGATION, SOCIALS_HEADER } from "../app/settings";
+import { NAVIGATION, SOCIALS_HEADER } from "../app/settings";
 import { classed } from "@tw-classed/react";
 import { usePathname } from "next/navigation";
 import { useState } from "react";