fetch and display door lock incidents on frontend

client/src/constants/menuItems.js

@@ -1,5 +1,6 @@
-import UploadDLockData from "../scenes/UploadDLockData";
-import Home from "../scenes/Home";
+import UploadDLockData from '../scenes/UploadDLockData';
+import Home from '../scenes/Home';
+import IncidentsReport from '../scenes/IncidentsReport';
 
 export const mainMenuItems = [
     {
@@ -8,6 +9,12 @@ export const mainMenuItems = [
         url: '/',
         component: Home,
     },
+    {
+        id: 'report',
+        title: 'Incidents Report',
+        url: '/incidents-report',
+        component: IncidentsReport,
+    },
     {
         id: 'uploadDLockData',
         title: 'DLock',
@@ -15,3 +22,14 @@ export const mainMenuItems = [
         component: UploadDLockData,
     },
 ];
+
+export const incidentsReportHeaderTitles = {
+    officeName: 'Office',
+    resourceName: 'Room',
+    bookingStart: 'Reservation Start',
+    bookingEnd: 'Reservation End',
+    memberName: 'Member Name',
+    incidentType: 'Incident Type',
+    feeDescription: 'Fee description',
+    totalChargeFee: 'Total Fee',
+};