feat: Replace LiveViewPage with LiveFeedPage and update dependencies (#…

…1427)

frontend/src/ProjectData.tsx

@@ -97,4 +97,3 @@ export function filterDuplicateBadSmells(params: BadSmell[]) {
     ({ snippet }, index) => !ids.includes(snippet, index + 1)
   );
 }
-

frontend/src/component/StyledBreadCrumb.tsx

@@ -0,0 +1,32 @@
+import { Breadcrumbs, Link, Typography } from '@mui/material';
+import React from 'react';
+
+interface BreadcrumbItem {
+  text: string;
+  href?: string;
+}
+
+interface BreadcrumbsProps {
+  items: BreadcrumbItem[];
+}
+
+function AppBreadcrumbs(props: BreadcrumbsProps) {
+  const { items } = props;
+  return (
+    <Breadcrumbs aria-label="breadcrumb" sx={{ paddingTop: '5px' }}>
+      {items.map((item, index) =>
+        item.href ? (
+          <Link color="inherit" href={item.href} key={index}>
+            {item.text}
+          </Link>
+        ) : (
+          <Typography color="textPrimary" key={index}>
+            {item.text}
+          </Typography>
+        )
+      )}
+    </Breadcrumbs>
+  );
+}
+
+export default AppBreadcrumbs;

frontend/src/index.tsx

@@ -19,7 +19,7 @@ import { RefactorView } from './pages/RefactorView';
 import ResultView from './pages/ResultView';
 import reportWebVitals from './reportWebVitals';
 import { StatisticPage } from './pages/StatisticsPage';
-import { LiveViewPage } from './pages/LiveViewPage';
+import { LiveFeedPage } from './pages/LiveFeedPage';
 import AboutPage from './pages/Aboutpage';
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
@@ -37,7 +37,7 @@ const router = createBrowserRouter([
   },
   {
     path: '/livefeed',
-    element: <LiveViewPage />,
+    element: <LiveFeedPage />,
     errorElement: <LandingPage children={<DashBoard />} />,
   },
   {

frontend/src/pages/DashBoard.tsx

@@ -25,8 +25,7 @@ export default function DashBoard() {
       </Box>
       <Box>
         <Grid container marginLeft={'5%'}>
-          <Grid item xs={12}>
-          </Grid>
+          <Grid item xs={12}></Grid>
         </Grid>
       </Box>
     </div>