Update pagination class names to match our coding guidelines (#4528)

Author: Aljullu

assets/js/base/components/pagination/index.js

@@ -58,7 +58,7 @@ const Pagination = ( {
 			/>
 			{ displayNextAndPreviousArrows && (
 				<button
-					className="wc-block-pagination-page wc-block-components-pagination__page wc-block-pagination-page--arrow"
+					className="wc-block-pagination-page wc-block-components-pagination__page wc-block-components-pagination-page--arrow"
 					onClick={ () => onPageChange( currentPage - 1 ) }
 					title={ __(
 						'Previous page',
@@ -175,7 +175,7 @@ const Pagination = ( {
 			) }
 			{ displayNextAndPreviousArrows && (
 				<button
-					className="wc-block-pagination-page wc-block-components-pagination__page wc-block-pagination-page--arrow"
+					className="wc-block-pagination-page wc-block-components-pagination__page wc-block-components-pagination-page--arrow"
 					onClick={ () => onPageChange( currentPage + 1 ) }
 					title={ __( 'Next page', 'woo-gutenberg-products-block' ) }
 					disabled={ currentPage >= totalPages }

assets/js/base/components/pagination/style.scss

@@ -50,7 +50,7 @@
 	}
 }
 
-html[dir="rtl"] .wc-block-pagination-page--arrow span {
+html[dir="rtl"] .wc-block-components-pagination-page--arrow span {
 	display: inline-block;
 	transform: scale(-1, 1);
 }