update

src/components/common/Breadcrumb.tsx

@@ -31,13 +31,13 @@ export const Breadcrumb = ({ items }: { items: BreadcrumbItem[] }) => {
             itemProp="itemListElement"
             itemScope
             itemType="http://schema.org/ListItem"
-            className="flex items-center"
+            className="flex items-center gap-2"
           >
             <Link href={item.url ?? '/'} itemProp="item">
               <span itemProp="name">{item?.name}</span>
             </Link>
+            {idx < items.length - 1 && <FaAngleRight className="text-gray-700" />}
             <meta itemProp="position" content={(idx + 1).toString()} />
-            {idx < items.length - 1 && <span className="mx-1">/</span>}
           </li>
         ))}
       </ol>

src/components/common/ItemArticle/index.tsx

@@ -1,11 +1,12 @@
 'use client';
 import React from 'react';
 import { Article } from '@/types';
+import { ArticleItem } from '@/types/article/TypeArticleCatePage';
 import Link from 'next/link';
 import Image from 'next/image';
 
 type ItemArticleProps = {
-  item: Article;
+  item: Article | ArticleItem;
 };
 
 const ItemArticle: React.FC<ItemArticleProps> = ({ item }) => {