refactor: replace interface with type for component properties and improve code readability

app/pages/news-detail/index.tsx

@@ -1,3 +1,5 @@
+import htmlParse from 'html-react-parser'
+
 import { Breadcrumb } from '~/components/ui/breadcrumb'
 import { Card } from '~/components/ui/card'
 import { Carousel } from '~/components/ui/carousel'
@@ -31,7 +33,7 @@ export const NewsDetailPage = () => {
                 </p>
               </div>
             </div>
-            <IconsSocial className="ml-auto"></IconsSocial>
+            <IconsSocial className="ml-auto" />
           </div>
           {/* end next planing create component for this section */}
           <div className="w-full bg-amber-200">
@@ -42,10 +44,7 @@ export const NewsDetailPage = () => {
             />
           </div>
 
-          <article
-            className="prose prose-stone"
-            dangerouslySetInnerHTML={{ __html: content }}
-          />
+          <article className="prose prose-stone">{htmlParse(content)}</article>
           <div className="flex items-end justify-between border-b-3 border-b-gray-300 py-4">
             <div className="flex flex-col">
               <p className="mb-2">Share this post</p>