feat: Add links to getting started docs (#1395)

Signed-off-by: Aryan Singh <ssaryans597@gmail.com>

components/molecules/AuthSection/auth-section.tsx

@@ -5,6 +5,7 @@ import Link from "next/link";
 
 import { IoNotifications } from "react-icons/io5";
 import { FiLogOut, FiSettings } from "react-icons/fi";
+import { BiLinkExternal } from "react-icons/bi";
 import { Divider } from "@supabase/ui";
 
 import useSession from "lib/hooks/useSession";
@@ -85,6 +86,14 @@ const AuthSection: React.FC = ({}) => {
         </div>
         <Text className="group-hover:text-light-orange-10">{user?.user_metadata.user_name}</Text>
       </Link>,
+      <Link
+        href={"https://docs.opensauced.pizza/community/faqs/"}
+        key="faqs"
+        className="flex items-center px-4 py-2 text-lg transition rounded-md cursor-pointer group gap-x-3 hover:bg-light-orange-3"
+      >
+        <BiLinkExternal className="group-hover:text-light-orange-10" />
+        <Text className="group-hover:text-light-orange-10">FAQs</Text>
+      </Link>,
       <Link
         href="/user/settings"
         key="settings"
@@ -112,7 +121,6 @@ const AuthSection: React.FC = ({}) => {
       </span>,
     ],
   };
-
   return (
     <div className="flex p-2 m-1 sm:py-0">
       <div className="flex items-center gap-2 lg:gap-3">