update to use Heading component

Author: wackerow

src/components/Staking/StakingProductsCardGrid.tsx

@@ -6,6 +6,7 @@ import {
   BoxProps,
   Center,
   Flex,
+  Heading,
   HStack,
   Icon,
   List,
@@ -213,9 +214,9 @@ const StakingProductCard: React.FC<ICardProps> = ({
         maxH={24}
       >
         {!!Svg && <Icon as={Svg} fontSize="2rem" color="white" />}
-        <OldHeading fontSize="2xl" color="white" mb={0}>
+        <Heading as="h4" fontSize="2xl" color="white">
           {name}
-        </OldHeading>
+        </Heading>
       </HStack>
       {typeof minEth !== "undefined" && (
         <Center