change overview card titles from p to h2 (#7780)

Co-authored-by: katiegoines <katiegoines@gmail.com>

Author: katieklein

src/components/Overview/Overview.tsx

@@ -1,5 +1,5 @@
 import { PageNode } from '@/directory/directory';
-import { Card, Flex, View, Text } from '@aws-amplify/ui-react';
+import { Card, Flex, View, Heading } from '@aws-amplify/ui-react';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { Platform } from '@/data/platforms';
@@ -40,9 +40,9 @@ export function Overview({ childPageNodes }: OverviewProps) {
           >
             <Card className="overview__link__card" variation="outlined">
               <Flex direction="column" gap="xs">
-                <Text className="overview__link__card__title">
+                <Heading level={2} className="overview__link__card__title">
                   {node.title}
-                </Text>
+                </Heading>
                 <View className="overview__link__card__description">
                   {node.description}
                 </View>