fix: Use semantic heading inside top navigation menu dropdown title (#539)

Author: karmanya79

src/button-dropdown/internal.tsx

@@ -150,9 +150,17 @@ const InternalButtonDropdown = React.forwardRef(
           {hasHeader && (
             <div className={styles.header} id={headerId}>
               {title && (
-                <InternalBox fontSize="heading-s" fontWeight="bold">
-                  <span className={styles.title}>{title}</span>
-                </InternalBox>
+                <div className={styles.title}>
+                  <InternalBox
+                    fontSize="heading-s"
+                    fontWeight="bold"
+                    color="inherit"
+                    tagOverride="h3"
+                    margin={{ vertical: 'n', horizontal: 'n' }}
+                  >
+                    {title}
+                  </InternalBox>
+                </div>
               )}
               {description && (
                 <InternalBox fontSize="body-s">