feat: add mock images

src/pages/Dashboard/DashboardPage.jsx

@@ -21,7 +21,9 @@ const stats = [
     description:
       'An introductory course covering essential leadership principles for new managers.',
     status: 'Published',
-    lastUpdate: '2026-08-19'
+    lastUpdate: '2026-08-19',
+    image:
+      'https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=800&q=80'
   },
   {
     code: 'TEC-204',
@@ -29,20 +31,21 @@ const stats = [
     description:
       'Deep dive into scalable cloud infrastructure design and implementation strategies.',
     status: 'Draft',
-    lastUpdate: '2026-08-19'
+    lastUpdate: '2026-08-19',
+    image:
+      'https://images.unsplash.com/photo-1533090161767-e6ffed986c88?auto=format&fit=crop&w=800&q=80'
   },
   {
     code: 'CMP-099',
     title: '2022 Annual Compliance Review',
     description: 'Outdated compliance materials from the previous fiscal year.',
     status: 'Archived',
-    lastUpdate: '2026-08-19'
+    lastUpdate: '2026-08-19',
+    image:
+      'https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=800&q=80'
   }
 ];
 
-const courseImage =
-  'https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=800&q=80';
-
 function DashboardPage() {
   return (
     <>
@@ -140,7 +143,7 @@ function DashboardPage() {
       </div>
       <div className="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-4">
         {stats.map((course) => (
-          <CourseCard key={course.code} course={course} image={courseImage} />
+          <CourseCard key={course.code} course={course} image={course.image} />
         ))}
       </div>
     </>