fix: fix errors in console

packages/app/src/app/(embed)/bridge/embed/buy/page.tsx

@@ -2,7 +2,7 @@ import { PathnameEnum } from '@/bridge/constants';
 
 import EmbedPageWrapper from '../EmbedPageWrapper';
 
-export default async function EmbeddedBuyPage({
+export default function EmbeddedBuyPage({
   searchParams,
 }: {
   searchParams: {

packages/app/src/app/(embed)/bridge/embed/page.tsx

@@ -2,7 +2,7 @@ import { PathnameEnum } from '@/bridge/constants';
 
 import EmbedPageWrapper from './EmbedPageWrapper';
 
-export default async function EmbededPage({
+export default function EmbededPage({
   searchParams,
 }: {
   searchParams: {

packages/app/src/app/(with-sidebar)/(portal)/bookmarks/page.tsx

@@ -1,11 +1,4 @@
-import dynamic from 'next/dynamic';
-
-const MyProjects = dynamic(
-  () => import('@/portal/components/MyProjects').then((mod) => mod.MyProjects),
-  {
-    ssr: false,
-  },
-);
+import { MyProjects } from '@/portal/components/MyProjects';
 
 export default function Page() {
   return <MyProjects />;

packages/app/src/app/(with-sidebar)/bridge/buy/page.tsx

@@ -14,6 +14,6 @@ export const metadata: Metadata = {
     "On-ramp directly to Arbitrum with one of several third party providers. Built to scale Ethereum, Arbitrum brings you 10x lower costs while inheriting Ethereum's security model. Arbitrum is a Layer 2 Optimistic Rollup.",
 };
 
-export default async function BridgeBuyPage({ searchParams }: Props) {
+export default function BridgeBuyPage({ searchParams }: Props) {
   return <BridgePageWrapper searchParams={searchParams} redirectPath={PathnameEnum.BUY} />;
 }

packages/app/src/app/(with-sidebar)/bridge/page.tsx

@@ -10,7 +10,7 @@ type Props = {
   searchParams: { [key: string]: string | string[] | undefined };
 };
 
-export async function generateMetadata({ searchParams }: Props): Promise<Metadata> {
+export function generateMetadata({ searchParams }: Props): Metadata {
   const sourceChainSlug = (
     typeof searchParams.sourceChain === 'string' ? searchParams.sourceChain : 'ethereum'
   ) as ChainKeyQueryParam;
@@ -70,6 +70,6 @@ export async function generateMetadata({ searchParams }: Props): Promise<Metadat
   };
 }
 
-export default async function BridgePage({ searchParams }: Props) {
+export default function BridgePage({ searchParams }: Props) {
   return <BridgePageWrapper searchParams={searchParams} redirectPath={PathnameEnum.BRIDGE} />;
 }

packages/portal/components/Arcade/ArcadeWeekPlan.tsx

@@ -1,18 +1,14 @@
 import { LockClosedIcon } from '@heroicons/react/24/outline';
-import dynamic from 'next/dynamic';
 import { PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
 
 import { formatDate, parseDateInEasternTime } from '@/common/dateUtils';
 import { ARCADE_LOCKED_PROJECT_DETAILS, getProjectDetailsById } from '@/common/projects';
+import Countdown from '@/components/Countdown';
 
 import { ArcadeProjectWithMissionLink } from './ArcadeProjectWithMissionLink';
 import { ArcadeWeeklyPlan } from './plans';
 
-const Countdown = dynamic(() => import('@/components/Countdown'), {
-  ssr: false,
-});
-
 export const ArcadeLabel = ({ children }: PropsWithChildren) => {
   return <div className="mt-3 text-lg text-white">{children}</div>;
 };

packages/portal/components/Community/CommunityEvents.tsx

@@ -1,13 +1,7 @@
-import dynamic from 'next/dynamic';
-
 import { ArbitrumWebsiteNotionCmsRow } from '@/common/types';
 import { CalendarCard } from '@/components/CalendarCard';
-import { LoadingPlaceholderCarousel } from '@/components/Carousel/LoadingPlaceholderCarousel';
 
-const Carousel = dynamic(() => import('@/components/Carousel/Carousel'), {
-  ssr: false,
-  loading: LoadingPlaceholderCarousel,
-});
+import Carousel from '../Carousel/Carousel';
 
 export const CommunityEvents = ({
   calendarEvents,

packages/portal/components/CommunitySpotlight.tsx

@@ -1,19 +1,13 @@
-import dynamic from 'next/dynamic';
 import { PropsWithChildren } from 'react';
 
 import { getOrbitChainDetailsById } from '@/common/orbitChains';
 import { getProjectDetailsById } from '@/common/projects';
 import { EntityType } from '@/common/types';
 
-import { LoadingPlaceholderCarousel } from './Carousel/LoadingPlaceholderCarousel';
+import Carousel from './Carousel/Carousel';
 import { OrbitItemBox } from './OrbitItemBox';
 import { ProjectItemBox } from './ProjectItemBox';
 
-const Carousel = dynamic(() => import('@/components/Carousel/Carousel'), {
-  ssr: false,
-  loading: LoadingPlaceholderCarousel,
-});
-
 const TitleWrapper = ({
   title,
   children,

packages/portal/components/HomePage/HeroBanner.tsx

@@ -43,10 +43,10 @@ export const HeroBanner = () => {
       <div className="absolute left-0 top-0 z-10 h-full w-full bg-gradient-to-t from-[#491BCA] from-[65%] to-transparent md:from-[35%] lg:bg-gradient-to-r lg:to-[90%]" />
 
       <div className="absolute left-[-30px] top-[-10px] flex h-full min-w-[600px] scale-110 flex-wrap gap-2 lg:left-auto lg:right-[-50px]">
-        {projectsToHighlight.map((project) => {
+        {projectsToHighlight.map((project, index) => {
           return (
             <Image
-              key={project.slug}
+              key={`${project.slug}-${index}`}
               alt={`${project.title} logo`}
               src={project.images.logoUrl}
               width={60}

packages/portal/components/HomePage/Resources.tsx

@@ -1,14 +1,9 @@
-import dynamic from 'next/dynamic';
 import Image from 'next/image';
 import { twMerge } from 'tailwind-merge';
 
 import { Card, CardType } from '@/components/Card';
-import { LoadingPlaceholderCarousel } from '@/components/Carousel/LoadingPlaceholderCarousel';
 
-const Carousel = dynamic(() => import('@/components/Carousel/Carousel'), {
-  ssr: false,
-  loading: LoadingPlaceholderCarousel,
-});
+import Carousel from '../Carousel/Carousel';
 
 const ResourceCard = ({
   name,