fix: index goes to course info

Author: diana-villalvazo-wgu

src/data/apiHook.test.tsx

@@ -11,12 +11,11 @@ const mockCourseData = {
   courseNumber: '123',
   courseRun: '2024',
   enrollmentCounts: { total: 100, audit: 50 },
-  enrollment_end: null,
   start: null,
   end: null,
   tabs: [],
-  total_enrollment: 150,
-  studio_url: 'http://studio.example.com',
+  totalEnrollment: 150,
+  studioUrl: 'http://studio.example.com',
   pacing: 'self-paced',
   org: 'Test Org',
   numSections: 10,

src/routes.tsx

@@ -1,4 +1,4 @@
-import { useParams } from 'react-router-dom';
+import { useParams, Navigate } from 'react-router-dom';
 import CohortsPage from '@src/cohorts/CohortsPage';
 import CourseInfoPage from '@src/courseInfo/CourseInfoPage';
 import CertificatesPage from '@src/certificates/CertificatesPage';
@@ -60,7 +60,7 @@ const routes = [
     children: [
       {
         index: true,
-        element: <PageNotFound />
+        element: <Navigate to="course_info" replace />
       },
       {
         path: ':tabId',