Update PriceCard and R1 minted last epoch card

Author: wzrdx

app/loading.tsx

@@ -3,7 +3,7 @@ import { Skeleton } from '@heroui/skeleton';
 export default function Loading() {
     return (
         <div className="responsive-col">
-            <Skeleton className="min-h-[180px] w-full rounded-2xl" />
+            <Skeleton className="min-h-[268px] w-full rounded-2xl" />
 
             <div className="col w-full gap-2">
                 <Skeleton className="only-lg min-h-[56px] w-full rounded-2xl" />

app/server-components/Nodes/Hero.tsx

@@ -1,4 +1,7 @@
 import HeroEpochCard from '@/components/Hero/HeroEpochCard';
+import { Skeleton } from '@heroui/skeleton';
+import { Suspense } from 'react';
+import R1MintedLastEpoch from '../R1MintedLastEpoch';
 import { BorderedCard } from '../shared/cards/BorderedCard';
 import { CardHorizontal } from '../shared/cards/CardHorizontal';
 import R1TotalSupply from '../shared/R1TotalSupply';
@@ -23,7 +26,7 @@ export default async function Hero({ nodesTotalItems }) {
                         widthClasses="min-[420px]:min-w-[346px]"
                     />
 
-                    {/* <Suspense fallback={<Skeleton className="min-h-[76px] w-full rounded-xl md:max-w-[380px]" />}>
+                    <Suspense fallback={<Skeleton className="min-h-[76px] w-full rounded-xl md:max-w-[380px]" />}>
                         <CardHorizontal
                             label={
                                 <div>
@@ -34,7 +37,7 @@ export default async function Hero({ nodesTotalItems }) {
                             isFlexible
                             widthClasses="min-w-[254px]"
                         />
-                    </Suspense> */}
+                    </Suspense>
 
                     <HeroEpochCard />
                 </div>

app/server-components/TopBar.tsx

@@ -5,6 +5,7 @@ import * as types from '@/typedefs/blockchain';
 import { lazy } from 'react';
 import { RiCpuLine } from 'react-icons/ri';
 import { RowWithIcon } from './shared/cards/RowWithIcon';
+import PriceCard from './shared/PriceCard';
 
 const LazyTopBarEpochCard = lazy(() => import('@/components/TopBarEpochCard'));
 
@@ -28,8 +29,7 @@ export default async function TopBar() {
                 <div className="hidden flex-wrap items-center justify-between gap-2 sm:flex lg:flex-nowrap lg:justify-end lg:gap-3">
                     <LazyTopBarEpochCard />
 
-                    {/* TODO: Add */}
-                    {/* <PriceCard /> */}
+                    <PriceCard />
 
                     <CardWithIcon icon={<RiCpuLine />} label="Active Nodes">
                         {activeNodes.result.nodes_total_items}
@@ -39,8 +39,7 @@ export default async function TopBar() {
                 <div className="flex w-full flex-col gap-1.5 rounded-xl bg-slate-100 px-4 py-4 sm:hidden">
                     <LazyTopBarEpochCard />
 
-                    {/* TODO: Add */}
-                    {/* <PriceCard /> */}
+                    <PriceCard />
 
                     <RowWithIcon icon={<RiCpuLine />} label="Active Nodes">
                         {activeNodes.result.nodes_total_items}