Improve edit list displaying

src/annotationForm/AnnotationFormOverlay/Accordion.js

@@ -5,21 +5,20 @@ import React from 'react';
 import Typography from '@mui/material/Typography';
 import PropTypes from 'prop-types';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import Button from "@mui/material/Button";
-import DeleteIcon from "@mui/icons-material/DeleteForever";
+import Button from '@mui/material/Button';
+import DeleteIcon from '@mui/icons-material/DeleteForever';
 
-function AccordionShapes({ shapes, deleteShape }) {
+function AccordionShapes({ shapes, deleteShape, currentShapeId }) {
   return (
     <Paper>
       {shapes.map((shape) => (
-        <Accordion>
+        <Accordion style={shape.id === currentShapeId ? { fontWeight: 'bold' } : {}}>
           <AccordionSummary
             expandIcon={<ExpandMoreIcon />}
             aria-controls="panel1-content"
             id="panel1-header"
           >
-
-            <Typography>{shape.id}</Typography>
+            {shape.id}
           </AccordionSummary>
           <AccordionDetails>
             <ul>

src/annotationForm/AnnotationFormOverlay/AnnotationFormOverlayTool.js

@@ -61,7 +61,7 @@ function AnnotationFormOverlayTool({
             currentShape && (
             <Paper>
               <Typography variant="overline">
-                Forme selectionné
+                Forme selectionnée
               </Typography>
 
               <ul>
@@ -77,6 +77,7 @@ function AnnotationFormOverlayTool({
             )
             }
             <AccordionShapes
+              currentShapeId={currentShape?.id}
               shapes={shapes}
               deleteShape={deleteShape}
             />