Add total transactions section

Author: buberdds

src/app/pages/HomePage/index.tsx

@@ -8,6 +8,7 @@ import { FooterBanner } from './FooterBanner'
 import { HomeSearch } from './HomeSearch'
 import { Header } from 'app/components/PageLayout/Header'
 import { LatestBlocks } from './LatestBlocks'
+import { TotalTransactions } from 'app/components/TotalTransactions'
 
 export const HomePage: FC = () => {
   const { network } = useSearchQueryNetworkParam()
@@ -21,7 +22,8 @@ export const HomePage: FC = () => {
         <HomeSearch />
         <div className="flex gap-6 flex-col md:flex-row">
           <LatestBlocks />
-          <div>Placeholder</div>
+          {/* TODO: Clean up commit when API supports all layers */}
+          <TotalTransactions chartContainerHeight={280} scope={{ network: 'mainnet', layer: 'sapphire' }} />
         </div>
         <RoflAppsCard />
         <FooterBanner />