fix(pages): fix type errors

Author: TylerAPfledderer

src/pages/layer-2.tsx

@@ -15,17 +15,14 @@ import {
   UnorderedList,
 } from "@chakra-ui/react"
 
-import type {
-  BasePageProps,
-  CommonHeroProps,
-  TranslationKey,
-} from "@/lib/types"
+import type { BasePageProps, TranslationKey } from "@/lib/types"
 
 import { ButtonLink } from "@/components/Buttons"
 import Card from "@/components/Card"
 import ExpandableCard from "@/components/ExpandableCard"
 import FeedbackCard from "@/components/FeedbackCard"
 import { HubHero } from "@/components/Hero"
+import type { HubHeroProps } from "@/components/Hero/HubHero"
 import { Image } from "@/components/Image"
 import InfoBanner from "@/components/InfoBanner"
 import Layer2ProductCard from "@/components/Layer2ProductCard"
@@ -128,7 +125,7 @@ const Layer2Page = () => {
   const { t } = useTranslation("page-layer-2")
   const layer2DataCombined = [...layer2Data.optimistic, ...layer2Data.zk]
 
-  const heroContent: CommonHeroProps = {
+  const heroContent: HubHeroProps = {
     title: t("layer-2-hero-title"),
     header: t("layer-2-hero-header"),
     description: t("layer-2-hero-subtitle"),

src/pages/learn.tsx

@@ -12,12 +12,7 @@ import {
   useToken,
 } from "@chakra-ui/react"
 
-import type {
-  BasePageProps,
-  ChildOnlyProp,
-  CommonHeroProps,
-  ToCItem,
-} from "@/lib/types"
+import type { BasePageProps, ChildOnlyProp, ToCItem } from "@/lib/types"
 
 import ButtonLink from "@/components/Buttons/ButtonLink"
 import OriginalCard, {
@@ -26,6 +21,7 @@ import OriginalCard, {
 import DocLink from "@/components/DocLink"
 import FeedbackCard from "@/components/FeedbackCard"
 import { HubHero } from "@/components/Hero"
+import type { HubHeroProps } from "@/components/Hero/HubHero"
 import { Image, type ImageProps } from "@/components/Image"
 import LeftNavBar from "@/components/LeftNavBar"
 import InlineLink from "@/components/Link"
@@ -184,7 +180,7 @@ const LearnPage = () => {
     url: "#" + id,
   }))
 
-  const heroContent: CommonHeroProps = {
+  const heroContent: HubHeroProps = {
     title: t("common:learn-hub"),
     header: t("hero-header"),
     description: t("hero-subtitle"),