made the course card clickable everywhere on the body

apps/api/src/__tests__/widget-payload.test.ts

@@ -111,3 +111,42 @@ describe('getWidgetEmbedCode', () => {
     expect(embedCode).toMatch(/^<div[^>]+><\/div>\n<script[^>]+><\/script>$/);
   });
 });
+
+// describe('formatCourseForWidget price', () => {
+//   const baseCourse = {
+//     id: 'course-1',
+//     slug: 'my-course',
+//     title: 'My Course',
+//     description: 'A course',
+//     bannerImage: null,
+//     logo: null,
+//     isPublished: true,
+//     currency: 'USD',
+//     lessonCount: 10,
+//     exerciseCount: 5,
+//     type: 'PUBLIC',
+//     createdAt: new Date().toISOString()
+//   };
+
+//   function format(overrides: Record<string, unknown>) {
+//     const course = { ...baseCourse, ...overrides } as Parameters<typeof formatCourseForWidget>[0];
+//     return formatCourseForWidget(course, []);
+//   }
+
+//   it('renders the price for a paid course', () => {
+//     expect(format({ cost: 100, metadata: { paymentEnabled: true } }).price).toBe('USD 100');
+//   });
+
+//   it('renders the price when paymentEnabled is absent but the cost is positive', () => {
+//     expect(format({ cost: 100, metadata: {} }).price).toBe('USD 100');
+//   });
+
+//   it('renders Free for a free course', () => {
+//     expect(format({ cost: 0, metadata: { paymentEnabled: false } }).price).toBe('Free');
+//     expect(format({ cost: 0, metadata: {} }).price).toBe('Free');
+//   });
+
+//   it('renders Free when a paid course has a zero cost (state blocked by API validation)', () => {
+//     expect(format({ cost: 0, metadata: { paymentEnabled: true } }).price).toBe('Free');
+//   });
+// });