feat: add event log to project (#2136)

frontend/src/component/project/Project/Project.tsx

@@ -23,6 +23,7 @@ import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
 import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
 import { Routes, Route, useLocation } from 'react-router-dom';
 import { DeleteProjectDialogue } from './DeleteProject/DeleteProjectDialogue';
+import { ProjectLog } from './ProjectLog/ProjectLog';
 
 const StyledDiv = styled('div')(() => ({
     display: 'flex',
@@ -84,6 +85,11 @@ const Project = () => {
             path: `${basePath}/archive`,
             name: 'archive',
         },
+        {
+            title: 'Event log',
+            path: `${basePath}/logs`,
+            name: 'logs',
+        },
     ];
 
     const activeTab = [...tabs]
@@ -211,6 +217,7 @@ const Project = () => {
                 <Route path="access/*" element={<ProjectAccess />} />
                 <Route path="environments" element={<ProjectEnvironment />} />
                 <Route path="archive" element={<ProjectFeaturesArchive />} />
+                <Route path="logs" element={<ProjectLog />} />
                 <Route path="*" element={<ProjectOverview />} />
             </Routes>
         </div>

frontend/src/component/project/Project/ProjectLog/ProjectLog.tsx

@@ -0,0 +1,23 @@
+import { EventLog } from 'component/events/EventLog/EventLog';
+import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
+import { styled } from '@mui/material';
+
+const StyledDiv = styled('div')(({ theme }) => ({
+    borderRadius: '12.5px',
+    backgroundColor: theme.palette.background.paper,
+    padding: '2rem',
+}));
+
+export const ProjectLog = () => {
+    const projectId = useRequiredPathParam('projectId');
+
+    return (
+        <StyledDiv>
+            <EventLog
+                title="Event Log"
+                project={projectId}
+                displayInline
+            ></EventLog>
+        </StyledDiv>
+    );
+};