Update Docs, add Walkthrough Video to App & LP (#212)

* update LP with walk through

* update docs with attributes and events

* update team UI + form validation

* add walk through to app

* small fixes

---------

Co-authored-by: Matthias Nannt <mail@matthiasnannt.com>

apps/formbricks-com/components/shared/Header.tsx

@@ -46,8 +46,9 @@ export default function Header() {
           <Button
             variant="secondary"
             EndIcon={GitHubIcon}
-            endIconClassName="fill-slate-800 ml-2"
-            onClick={() => router.push("https://github.com/formbricks/formbricks")}>
+            endIconClassName="fill-slate-800 ml-2 dark:fill-slate-200"
+            href="https://github.com/formbricks/formbricks"
+            target="_blank">
             View on Github
           </Button>
           {/* <Button variant="highlight" className="ml-2" onClick={() => router.push("/waitlist")}>

apps/formbricks-com/components/shared/Search.tsx

@@ -52,7 +52,7 @@ export function Search() {
         className="group flex h-6 w-6 items-center justify-center sm:justify-start md:h-auto md:w-60 md:flex-none md:rounded-lg md:py-2.5 md:pl-4 md:pr-3.5 md:text-sm md:ring-1 md:ring-slate-200 md:hover:ring-slate-300 dark:md:bg-slate-800/75 dark:md:ring-inset dark:md:ring-white/5 dark:md:hover:bg-slate-700/40 dark:md:hover:ring-slate-500 xl:w-80"
         onClick={onOpen}>
         <SearchIcon className="h-5 w-5 flex-none fill-slate-400 group-hover:fill-slate-500 dark:fill-slate-500 md:group-hover:fill-slate-400" />
-        <span className="sr-only md:not-sr-only md:ml-2 md:text-slate-500 md:dark:text-slate-400">
+        <span className="sr-only md:not-sr-only md:pl-2 md:text-slate-500 md:dark:text-slate-400">
           Search docs
         </span>
         {modifierKey && (