added react router (p4/8) done for lab

labs/lab7/src/list/List.tsx

@@ -0,0 +1,12 @@
+import Navbar from "../components/Navbar";
+import BuildingsGrid from "./components/BuildingsGrid";
+
+function List() {
+  return (
+    <div>
+      <Navbar active="2"/>
+      <BuildingsGrid/>
+    </div>
+  );
+}
+export default List;

labs/lab7/src/list/components/BuildingsGrid.tsx

@@ -0,0 +1,28 @@
+import { DataGrid } from "@mui/x-data-grid";
+import type { GridRowsProp, GridColDef } from "@mui/x-data-grid";
+import Container from '@mui/material/Container';
+import { ruRU } from '@mui/x-data-grid/locales';
+
+import buildings from "../table";
+
+function BuildingsGrid() {
+  const rows: GridRowsProp = buildings;
+  const columns: GridColDef[] = [
+    { field: 'Название', headerName: 'Название', flex: 1},
+    { field: 'Тип', flex: 0.5},
+    { field: 'Страна', flex: 0.5},
+    { field: 'Город', flex: 0.5},
+    { field: 'Год' },
+    { field: 'Высота'},
+  ]
+  return (
+   <Container maxWidth="lg" sx={{height: '700px', mt: '20px'}}>
+     <DataGrid
+       localeText={ruRU.components.MuiDataGrid.defaultProps.localeText}
+       rows={rows}
+       columns={columns}
+    />
+   </Container>
+ )
+}
+export default BuildingsGrid;