feat: refactor course card display into separate component

Create a new `TrackPageCourseCardList` component to encapsulate the 
logic for displaying course cards with progress. Move relevant 
functionality from `TrackPageIntroductionAndCourses` to the new 
component, improving code organization and reusability. Update 
template references to use the new component.

Author: rohitpaulk

app/components/track-page/introduction-and-courses.hbs renamed to app/components/track-page/course-card-list.hbs

@@ -15,7 +15,7 @@ interface Signature {
   };
 }
 
-export default class TrackPageIntroductionAndCoursesComponent extends Component<Signature> {
+export default class TrackPageCourseCardListComponent extends Component<Signature> {
   logoImage = logoImage;
   comingSoonImage = comingSoonImage;
 
@@ -37,17 +37,10 @@ export default class TrackPageIntroductionAndCoursesComponent extends Component<
       };
     });
   }
-
-  get userHasStartedTrack() {
-    return (
-      this.authenticator.currentUser &&
-      this.authenticator.currentUser.repositories.filterBy('language', this.args.language).filterBy('lastSubmissionAt')[0]
-    );
-  }
 }
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
-    'TrackPage::IntroductionAndCourses': typeof TrackPageIntroductionAndCoursesComponent;
+    'TrackPage::CourseCardList': typeof TrackPageCourseCardListComponent;
   }
 }

app/components/track-page/introduction-and-courses.ts renamed to app/components/track-page/course-card-list.ts

@@ -24,7 +24,7 @@
 
     <div class="flex items-start">
       <div class="flex-grow">
-        <TrackPage::IntroductionAndCourses @language={{@model.language}} @courses={{this.sortedCourses}} class="w-full mb-4" />
+        <TrackPage::CourseCardList @language={{@model.language}} @courses={{this.sortedCourses}} class="w-full mb-4" />
       </div>
 
       <div class="hidden lg:block w-80 flex-shrink-0 sticky top-4 ml-2">

app/templates/join-track.hbs

@@ -10,7 +10,7 @@
   <div class="container mx-auto lg:max-w-screen-lg px-3 md:px-6 py-6 md:py-10">
     <div class="flex items-start">
       <div class="flex-grow">
-        <TrackPage::IntroductionAndCourses @language={{@model.language}} @courses={{this.sortedCourses}} class="w-full mb-4" />
+        <TrackPage::CourseCardList @language={{@model.language}} @courses={{this.sortedCourses}} class="w-full mb-4" />
       </div>
 
       <div class="hidden lg:block w-80 flex-shrink-0 sticky top-4 ml-2">