From e2a423118cb88d133fde5635a8066344ab3db3ef Mon Sep 17 00:00:00 2001
From: "Md. Parvej Hossain" <parvej@Mds-MacBook-Pro.local>
Date: Sat, 30 Aug 2025 23:16:01 +0600
Subject: [PATCH] 3-12sasd1

---
 src/App.jsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 07d017c..889fdb1 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -37,7 +37,6 @@ const studentImageMap = {
 const sharedImageUrl = "https://i.ibb.co/BVc0jwkq/JASMIN-AKTER-MUKTA.png"; // JASMIN AKTER MUKTA's image
 const studentsUsingSharedImage = [
     "2031042", // KHADIJA AKTER
-    "2031046", // MAHFUZA KHATUN
     "2031044", // MAHMUDA JANNAT OWYSHE
     "2031025", // MEFTAHUL JANNAT
     "2031036", // MST. AFROZA KHATUN (roll 2031036)
@@ -47,7 +46,7 @@ const studentsUsingSharedImage = [
     "2031027" // SADIA ISLAM
 ];
 
-// Manually extracted data from the provided Excel sheet with corrected values
+// Updated student data based on user's corrections
 const studentData = [
     {
         "name": "KOBIR HOSSAIN ",
@@ -870,7 +869,7 @@ const CompareModal = ({ isOpen, onClose, studentData, onCompare }) => {
                                             onClick={() => handleRemoveStudent(student.roll)}
                                             className="text-red-500 hover:text-red-700 text-xl font-bold"
                                         >
-                                            \u00d7
+                                            &times;
                                         </button>
                                     </div>
                                 ))}
@@ -1887,7 +1886,20 @@ function App() {
                                     <tbody className="bg-white divide-y divide-gray-200">{
                                         sortedStudentData.map((student) => (
                                             <tr key={student.roll} className="hover:bg-gray-50">
-                                                <td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">{student.name}</td>
+                                                <td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
+                                                    <div className="flex items-center space-x-3">
+                                                        <img
+                                                            src={student.imageUrl}
+                                                            alt={`${student.name} profile`}
+                                                            className="h-8 w-8 rounded-full object-cover"
+                                                            onError={(e) => {
+                                                                e.target.onerror = null;
+                                                                e.target.src = "https://placehold.co/32x32/aabbcc/ffffff?text=No+Image";
+                                                            }}
+                                                        />
+                                                        <span>{student.name}</span>
+                                                    </div>
+                                                </td>
                                                 <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{student.roll}</td>
                                                 <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                                                     {student.gpa_1_1 !== undefined ?