fix(ui): fix results screen

app/(tabs)/home/page.tsx

@@ -11,8 +11,8 @@ import DestructibleAlert from "@/components/DestructibleAlert";
 import { ChevronRight } from "lucide-react"; // Using Lucide React for icons
 import styles from "@/css/Home.module.css";
 import facebookStyles from "@/css/SlidingGallery.module.css";
-
-const API_URL = process.env.NEXT_PUBLIC_API_URL || "http://localhost:3000/api";
+import { API_URL } from "@/lib/auth";
+import { Avatar, AvatarFallback } from "@radix-ui/react-avatar";
 
 const page = () => {
   const profileImg = "/images/static/avatar.jpg";
@@ -198,13 +198,7 @@ const page = () => {
                       <div key={idx} className={styles.topThreeItem}>
                         <div className={styles.studentInfo}>
                           <span className={styles.rank}>{student.rank}</span>
-                          <Image
-                            src="/images/static/avatar.jpg"
-                            alt="Avatar"
-                            width={20}
-                            height={20}
-                            className={styles.avatar}
-                          />
+                          <Avatar className="bg-slate-300 w-4 h-4 rounded-full"></Avatar>
                           <span className={styles.studentName}>
                             {student.name}
                           </span>