feat: Add contributor's insight on the workspace. (#4060)

Co-authored-by: Nick Taylor <[email protected]>

components/Workspaces/WorkspaceHeader.tsx

@@ -2,6 +2,8 @@ import { SquareFillIcon } from "@primer/octicons-react";
 import { FaEdit } from "react-icons/fa";
 import { FiCopy } from "react-icons/fi";
 import { usePostHog } from "posthog-js/react";
+import Link from "next/link";
+import { HiOutlineUsers } from "react-icons/hi2";
 import Button from "components/shared/Button/button";
 import useSupabaseAuth from "lib/hooks/useSupabaseAuth";
 import { shortenUrl } from "lib/utils/shorten-url";
@@ -45,8 +47,19 @@ export const WorkspaceHeader = ({ workspace, children }: WorkspaceHeaderProps) =
         </span>
         <Pill className="font-medium" text={workspace.is_public ? "Public" : "Private"} />
       </h1>
-      <div className="flex gap-2 justify-end">
+      <div className="flex gap-2 justify-end flex-wrap">
         {children}
+
+        <Link
+          href={`/workspaces/${workspace.id}/contributor-insights`}
+          className="my-auto gap-2 items-center shrink-0 place-self-end bg-orange-50 text-[#ed5f00]  font-inter font-semibold hover:bg-orange-100 text-[14px] px-4 py-2 rounded-md transition-colors duration-200"
+        >
+          <span className="flex gap-2 items-center">
+            <HiOutlineUsers />
+            Contributor insights
+          </span>
+        </Link>
+
         <Button
           variant="outline"
           onClick={copyUrlToClipboard}