feat: intègre CopyButton dans VersionComparison

components/versions/version-comparison.js

@@ -8,6 +8,7 @@ import Alert from '@mui/material/Alert'
 import {useState} from 'react'
 import MarkdownRenderer from '../markdown-renderer/index.js'
 import VoteButtons from './vote-buttons.js'
+import CopyButton from './copy-button.js'
 import {formatDate} from '@/lib/format.js'
 
 export default function VersionComparison({versionData, versionCompare}) {
@@ -56,10 +57,18 @@ export default function VersionComparison({versionData, versionCompare}) {
                 )}
               />
             </Box>
-            <Box sx={{mt: 1}}>
+            <Box sx={{
+              mt: 1, display: 'flex', justifyContent: 'space-between', alignItems: 'center'
+            }}
+            >
               <Typography sx={{textDecoration: 'underline'}} variant='caption' color='success'>
                 @{main.user_created?.split('-')[0] || 'Système'}
               </Typography>
+              <CopyButton
+                content={main.contenu || ''}
+                label='Copier la version de référence'
+                hasSnackbarVisible={false}
+              />
             </Box>
           </Paper>
         </Grid>
@@ -96,12 +105,17 @@ export default function VersionComparison({versionData, versionCompare}) {
                 display: 'flex', alignItems: 'center', justifyContent: 'space-between', mt: 1
               }}
               >
-                <Box>
+                <Box sx={{display: 'flex', alignItems: 'center', gap: 1}}>
                   {versionData && (
                     <Typography sx={{fontWeight: 'bold'}} color={isVoteDisabled ? 'error' : 'primary'}>
                       {formatDate(versionData.date_created)}
                     </Typography>
                   )}
+                  <CopyButton
+                    content={current.contenu || ''}
+                    label='Copier cette version'
+                    hasSnackbarVisible={false}
+                  />
                 </Box>
                 <VoteButtons versionId={versionCompare.versionId} isDisabled={isVoteDisabled} onVoteResult={handleVoteResult} />
               </Box>