add it on layer-2/learn page

Author: JoeChenJ

src/pages/layer-2/learn.tsx

@@ -3,10 +3,11 @@ import { useRouter } from "next/router"
 import { useTranslation } from "next-i18next"
 import { serverSideTranslations } from "next-i18next/serverSideTranslations"
 
-import type { BasePageProps, Lang } from "@/lib/types"
+import type { BasePageProps, CommitHistory, Lang } from "@/lib/types"
 
 import Callout from "@/components/Callout"
 import Card from "@/components/Card"
+import FileContributors from "@/components/FileContributors"
 import { ContentHero, type ContentHeroProps } from "@/components/Hero"
 import { Image } from "@/components/Image"
 import MainArticle from "@/components/MainArticle"
@@ -15,6 +16,7 @@ import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
 import Translation from "@/components/Translation"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 
+import { getPageContributorInfo } from "@/lib/utils/contributors"
 import { existsNamespace } from "@/lib/utils/existsNamespace"
 import { getLastDeployDate } from "@/lib/utils/getLastDeployDate"
 import { getLocaleTimestamp } from "@/lib/utils/time"
@@ -39,16 +41,27 @@ export const getStaticProps = (async ({ locale }) => {
 
   const contentNotTranslated = !existsNamespace(locale!, requiredNamespaces[2])
 
+  const commitHistoryCache: CommitHistory = {}
+
+  const { contributors, lastEditLocaleTimestamp } =
+    await getPageContributorInfo(
+      "layer-2/learn.tsx",
+      locale as Lang,
+      commitHistoryCache
+    )
+
   return {
     props: {
       ...(await serverSideTranslations(locale!, requiredNamespaces)),
       contentNotTranslated,
       lastDeployLocaleTimestamp,
+      contributors,
+      lastEditLocaleTimestamp,
     },
   }
 }) satisfies GetStaticProps<BasePageProps>
 
-const Layer2Learn = () => {
+const Layer2Learn = ({ contributors, lastEditLocaleTimestamp }) => {
   const { t } = useTranslation("page-layer-2-learn")
   const { pathname } = useRouter()
 
@@ -309,6 +322,11 @@ const Layer2Learn = () => {
             </p>
           </div>
         </div>
+        <FileContributors
+          className="my-10 border-t"
+          contributors={contributors}
+          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        />
       </div>
 
       <div id="callout-cards" className="px-8 py-9">