sort in user table

src/app/(admin)/(others-pages)/profile/page.tsx

@@ -15,23 +15,22 @@ export default function Profile() {
   const [mediaData, setMediaData] = useState<MediaDto | null>(null);
   const [loading, setLoading] = useState(true);
 
- useEffect(() => {
-  const fetchUser = async () => {
-    try {
-      const userData = await apiGetCurrentUser();
-      const mediaResponse = await apiGetCurrentUserMedia(); // Giả sử hàm này return {status, data, message}
-
-      setMediaData(mediaResponse);
-      setUser(userData);
-    } catch (err) {
-      console.error("Lỗi:", err);
-    } finally {
-      setLoading(false);
-    }
-  };
-  fetchUser();
-}, []);
+  useEffect(() => {
+    const fetchUser = async () => {
+      try {
+        const userData = await apiGetCurrentUser();
+        const mediaResponse = await apiGetCurrentUserMedia();
 
+        setMediaData(mediaResponse);
+        setUser(userData);
+      } catch (err) {
+        console.error("Lỗi:", err);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchUser();
+  }, []);
   return (
     <div>
       <div className="rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] lg:p-6">
@@ -41,8 +40,8 @@ export default function Profile() {
         <div className="space-y-6">
           <UserMetaCard data={user ?? {}} />
           <UserInfoCard data={user ?? {}} />
+          {(mediaData?.data?.length ?? 0) > 0 && <MediaCard data={mediaData ?? {}} />}
           <AccountDetails data={user ?? {}} />
-          <MediaCard data={mediaData ?? {}} />
         </div>
       </div>
     </div>