Add index.ts for ClassMastery namespace

Author: nguyen-darianhuy

src/Components/Content/Content.tsx

@@ -8,7 +8,7 @@ import SingleStudentOverview from '../SingleStudentOverview/SingleStudentOvervie
 import SingleStudentMasteryOverview from '../SingleStudentMasteryOverview/SingleStudentMasteryOverview';
 import CourseHome from '../CourseHome/CourseHome';
 import TaskView from '../../Screens/TaskView/TaskView';
-import ClassMastery from '../../Screens/ClassMastery/ClassMastery';
+import { ClassMastery } from '../../Screens/ClassMastery';
 import './Content.css';
 
 export default function Content() {

src/Screens/ClassMastery/ClassMastery.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import styled from 'styled-components';
 import { color } from '../../Components/constants.json';
 
-import StudentMasteryRow, { StudentMasteryHeader } from './StudentMasteryRow/StudentMasteryRow';
+import StudentMasteryRow, { StudentMasteryHeader } from './StudentMasteryRow';
 
 const Page = styled.div`
    margin: 33px 90px;

src/Screens/ClassMastery/StudentMasteryRow/StudentMasteryRow.tsx renamed to src/Screens/ClassMastery/StudentMasteryRow.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import styled from 'styled-components';
-import { color } from '../../../Components/constants.json';
+import { color } from '../../Components/constants.json';
 
 type MasteryBarProps = { percentage: number };
 

src/Screens/ClassMastery/index.ts

@@ -0,0 +1 @@
+export { default as ClassMastery } from './ClassMastery';