got career name and slug from joint

src/components/course/course-hero.astro

@@ -42,12 +42,15 @@ const { course }: Props = Astro.props;
       </div>
     </div>
   </div>
+  <div class="mt-3">
+    <h3>Incluido en Carreras:</h3>
+  </div>
   <div class="d-flex gap-2 mt-3">
-    <p>-Faltan Carreras-</p>
-    {course.carrers && course.carrers.map((carrer: any) => (
-      <div class="btn btn-outline-success mb-1">{carrer}</div>
+    {course.codyops_careers.map((carrer: any) => (
+      <a class="btn btn-outline-success mb-1" href={`/carreras/${carrer.codyops_careers_id.slug}/`}>
+      {carrer.codyops_careers_id.name}
+      </a>
       ))}
-    </div>
   </div>
 </div>
 <style>

src/libs/courses.ts

@@ -6,7 +6,9 @@ export const courses = await directus.request(
         fields: [
             '*',
             'user_created.*',
-            'modules.*'
+            'modules.*',
+            'codyops_careers.codyops_careers_id.name',
+            'codyops_careers.codyops_careers_id.slug',
         ]}
     )
 );