feat: simplifie la vue timeline

components/versions/list-versions.js

@@ -249,8 +249,10 @@ export default function ListVersions({
       <Box>
         <Box sx={{
           display: 'flex',
+          flexDirection: {xs: 'column', sm: 'row'},
           justifyContent: 'space-between',
-          alignItems: 'center',
+          alignItems: {xs: 'stretch', sm: 'center'},
+          gap: 1,
           mb: 2
         }}
         >
@@ -271,13 +273,14 @@ export default function ListVersions({
             size='small'
             value={viewMode}
             onChange={handleViewModeChange}
+            sx={{alignSelf: {xs: 'center', sm: 'auto'}}}
           >
             <ToggleButton value='table' aria-label='vue tableau'>
-              <ViewListIcon sx={{mr: 1}} />
+              <ViewListIcon fontSize='small' sx={{mr: 0.5}} />
               Table
             </ToggleButton>
             <ToggleButton value='timeline' aria-label='vue chronologique'>
-              <TimelineIcon sx={{mr: 1}} />
+              <TimelineIcon fontSize='small' sx={{mr: 0.5}} />
               Timeline
             </ToggleButton>
           </ToggleButtonGroup>
@@ -308,7 +311,6 @@ export default function ListVersions({
             </Paper>
           ) : (
             <VersionTimeline
-              collection={collection}
               data={filteredData}
               accessToken={accessToken}
               userId={userId}