refactor: rename course thumbnail class for consistency in progress card component

Author: nur-alam

assets/src/scss/frontend/dashboard/_progress-card.scss

@@ -19,7 +19,7 @@
 		background-color: $tutor-surface-l1-hover;
 	}
 
-	.tutor-courses-thumb {
+	.tutor-progress-card-thumbnail {
 		position: relative;
 		flex: 0 0 200px;
 		aspect-ratio: 16 / 9;
@@ -133,11 +133,10 @@
 			background-color: transparent;
 		}
 
-		.tutor-courses-thumb {
+		.tutor-progress-card-thumbnail {
 			width: 100%;
 			max-width: 100%;
 			margin-bottom: $tutor-spacing-4;
-			aspect-ratio: 16 / 9;
 		}
 
 		&-kebab-overlay {

templates/dashboard/courses/course-card.php

@@ -25,15 +25,12 @@
 <a href="<?php echo esc_url( $course_permalink ); ?>">
 	<div class="tutor-card tutor-progress-card">
 
-		<div class="tutor-courses-thumb tutor-position-relative">
+		<div class="tutor-progress-card-thumbnail">
 			<?php if ( ! empty( $tutor_course_img ) ) : ?>
-				<div class="tutor-progress-card-thumbnail">
-					<img src="<?php echo esc_url( $tutor_course_img ); ?>" alt="<?php the_title(); ?>" />
-				</div>
+				<img src="<?php echo esc_url( $tutor_course_img ); ?>" alt="<?php the_title(); ?>" />
 			<?php endif; ?>
 		</div>
 
-
 		<div class="tutor-progress-card-content">
 
 			<!-- course header  -->
@@ -88,7 +85,7 @@
 					<?php endif; ?>
 				</div>
 			<?php endif; ?>
-			
+
 		</div>
 	</div>
 </a>