refactor: use blockquote element

Author: araujogui

components/Article/BlockQuote/__tests__/__snapshots__/index.test.tsx.snap

@@ -2,25 +2,25 @@
 
 exports[`BlockQuote component should render correctly 1`] = `
 <div>
-  <div
+  <blockquote
     class="blockQuote"
   />
 </div>
 `;
 
 exports[`BlockQuote component should support passing children into the component 1`] = `
 <div>
-  <div
+  <blockquote
     class="blockQuote"
   >
     This is a block quote
-  </div>
+  </blockquote>
 </div>
 `;
 
 exports[`BlockQuote component should support passing multiple children into the component 1`] = `
 <div>
-  <div
+  <blockquote
     class="blockQuote"
   >
     <p>
@@ -29,6 +29,6 @@ exports[`BlockQuote component should support passing multiple children into the
     <p>
       This is a block quote
     </p>
-  </div>
+  </blockquote>
 </div>
 `;

components/Article/BlockQuote/index.tsx

@@ -2,7 +2,7 @@ import type { PropsWithChildren } from 'react';
 import styles from './index.module.scss';
 
 const BlockQuote = ({ children }: PropsWithChildren) => (
-  <div className={styles.blockQuote}>{children}</div>
+  <blockquote className={styles.blockQuote}>{children}</blockquote>
 );
 
 export default BlockQuote;