fix!: adapt to upstream provides data shape change

The provides data shape changed from { courseNavigationRoles: string[] }
to string[] in frontend-base. Use the exported constant key.

Co-Authored-By: Claude <noreply@anthropic.com>

Author: arbrandes

src/app.ts

@@ -3,21 +3,18 @@ import { appId } from '@src/constants';
 import routes from '@src/routes';
 import slots from '@src/slots';
 import providers from '@src/providers';
+import provides from '@src/provides';
 
 const app: App = {
   appId,
   routes,
   providers,
+  provides,
   slots,
   config: {
     NODE_ENV: 'development',
     LMS_BASE_URL: 'http://local.openedx.io:8000'
   },
-  provides: {
-    'org.openedx.frontend.provides.courseNavigationRoles.v1': {
-      courseNavigationRoles: ['org.openedx.frontend.role.instructor'],
-    },
-  },
 };
 
 export default app;

src/constants.ts

@@ -1 +1,2 @@
 export const appId = 'org.openedx.frontend.app.instructor';
+export const instructorDashboardRole = 'org.openedx.frontend.role.instructor';

src/provides.ts

@@ -0,0 +1,8 @@
+import { courseNavigationRolesProvidesKey } from '@openedx/frontend-base';
+import { instructorDashboardRole } from './constants';
+
+const provides = {
+  [courseNavigationRolesProvidesKey]: instructorDashboardRole
+};
+
+export default provides;

src/routes.tsx

@@ -11,6 +11,7 @@ import OpenResponsesPage from '@src/openResponses/OpenResponsesPage';
 import SpecialExamsPage from '@src/specialExams/SpecialExamsPage';
 import PageNotFound from '@src/components/PageNotFound';
 import { useWidgetProps } from './slots/SlotUtils';
+import { instructorDashboardRole } from './constants';
 
 interface InstructorRouteProps {
   tabId: string,
@@ -51,7 +52,7 @@ const routes = [
     id: 'org.openedx.frontend.route.instructor.main',
     path: 'instructor-dashboard/:courseId',
     handle: {
-      role: 'org.openedx.frontend.role.instructor'
+      role: instructorDashboardRole
     },
     async lazy() {
       const module = await import('./Main');