feat: add "new" banner notification

Author: wackerow

src/intl/en/page-resources.json

@@ -81,5 +81,7 @@
   "page-resources-contribute-description": "This dashboard is a living page that requires frequent updates. Help find the best resources to give an overview of the Ethereum ecosystem.",
   "page-resources-suggest-resource": "Suggest a resource",
   "page-resources-found-bug": "Found a bug",
-  "page-resources-whats-on-this-page": "What's on this page"
+  "page-resources-whats-on-this-page": "What's on this page",
+  "page-resources-banner-notification-message": "Resources dashboard is new!",
+  "page-resources-share-feedback": "Please share your feedback with us"
 }

src/pages/[locale]/resources.tsx

@@ -4,6 +4,7 @@ import { FaGithub } from "react-icons/fa6"
 
 import type { BasePageProps, Lang, Params } from "@/lib/types"
 
+import BannerNotification from "@/components/Banners/BannerNotification"
 import { HubHero } from "@/components/Hero"
 import StackIcon from "@/components/icons/stack.svg"
 import MainArticle from "@/components/MainArticle"
@@ -12,6 +13,7 @@ import { ResourceItem, ResourcesContainer } from "@/components/Resources"
 import { useResources } from "@/components/Resources/useResources"
 import Translation from "@/components/Translation"
 import { ButtonLink } from "@/components/ui/buttons/Button"
+import Link from "@/components/ui/Link"
 import { Section } from "@/components/ui/section"
 
 import { cn } from "@/lib/utils/cn"
@@ -93,6 +95,18 @@ const ResourcesPage = ({ txCostsMedianUsd }) => {
         image="/images/heroes/guides-hub-hero.jpg"
       />
 
+      <BannerNotification shouldShow>
+        {t("page-resources-banner-notification-message")}{" "}
+        <Link
+          href={new URL(
+            "issues/new?title=Resource%20dashboard%20feedback",
+            GITHUB_REPO_URL
+          ).toString()}
+        >
+          {t("page-resources-share-feedback")}
+        </Link>
+      </BannerNotification>
+
       <HubHero
         title={t("page-resources-hero-title")}
         header={t("page-resources-hero-header")}