Fix nesting div inside p element (https://github.com/woocommerce/woocommerce-admin/pull/7704)

* changed p element to div to allow inner elements. This prevents warnings when using ReportCard component woocommerce/woocommerce-admin#7703

* added testing instructions and changelog woocommerce/woocommerce-admin#7703

* removed unnecessary test description woocommerce/woocommerce-admin#7703

Co-authored-by: Leonardo Lopes de Albuquerque <leonardo.albuquerque@automattic.com>

plugins/woocommerce-admin/changelogs/fix-7703

@@ -0,0 +1,4 @@
+Significance: patch
+Type: Fix
+
+fixed warnings when using AdvancedFilters component. #7704

plugins/woocommerce-admin/packages/components/src/advanced-filters/index.js

@@ -277,7 +277,7 @@ class AdvancedFilters extends Component {
 				<CardHeader justify="flex-start">
 					<Text
 						variant="subtitle.small"
-						as="p"
+						as="div"
 						weight="600"
 						size="14"
 						lineHeight="20px"

plugins/woocommerce-admin/packages/components/src/advanced-filters/style.scss

@@ -26,7 +26,7 @@
 			margin-bottom: 0;
 		}
 
-		p {
+		div {
 			display: flex;
 			line-height: 38px;
 		}