update

resources/js/dashboard/components/RecommendedCreators.jsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react'
+import LevelBadge from '../../components/xp/LevelBadge'
 
 export default function RecommendedCreators() {
   const [items, setItems] = useState([])
@@ -59,6 +60,9 @@ export default function RecommendedCreators() {
                   <p className="truncate text-sm font-semibold text-white">
                     {creator.username ? `@${creator.username}` : creator.name}
                   </p>
+                  <div className="mt-1">
+                    <LevelBadge level={creator.level} rank={creator.rank} compact />
+                  </div>
                   <p className="text-xs text-gray-400">{creator.followers_count} followers</p>
                 </div>
               </a>