added copy button

src/components/copy-button.tsx

+import React from 'react';
+import { IconButton, SxProps, Theme, Tooltip } from '@mui/material';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import Iconify from './iconify';
+
+interface CopyButtonProps {
+  value: string;
+  sx?: SxProps<Theme>;
+}
+
+const CopyButton: React.FC<CopyButtonProps> = ({ value ,sx}) => {
+  const handleCopy = () => {
+    navigator.clipboard.writeText(value).then(() => {}).catch(err => {
+      console.error('Failed to copy: ', err);
+    });
+  };
+
+  return (
+    <Tooltip title="Copy to clipboard">
+      <IconButton sx={sx} onClick={handleCopy}>
+        <Iconify icon="ion:copy"/>
+      </IconButton>
+    </Tooltip>
+  );
+};
+
+export default CopyButton;

src/shared/sections/lives/add-edit-live/edit-live-view.tsx

@@ -30,6 +30,7 @@ import { ILive, ILiveProduct, LiveStatus } from '@/shared/types/live';
 import { addLive, editLive, getProductsLive } from '@/shared/api/live';
 import { useEffect, useMemo, useState } from 'react';
 import { useLiveData } from '@/contexts/live-stats';
+import CopyButton from '@/components/copy-button';
 
 export default function EditLiveView() {
     const liveData = useLiveData();
@@ -136,6 +137,7 @@ export default function EditLiveView() {
                                 </Typography>
                                 <Typography variant="body2" gutterBottom>
                                     {liveData.keysWork?.keyStream}
+                                    <CopyButton sx={{ position: 'absolute', right: 3, top:1 }} value={liveData.keysWork?.keyStream as string} />
                                 </Typography>
                             </Card>
                         </Grid>
@@ -144,8 +146,9 @@ export default function EditLiveView() {
                                 <Typography variant="subtitle1" gutterBottom>
                                     adresse du serveur rtmp
                                 </Typography>
-                                <Typography variant="body2" gutterBottom>
+                                <Typography  variant="body2" gutterBottom>
                                     {liveData.keysWork?.rtmpServerAddress}
+                                    <CopyButton sx={{ position: 'absolute', right: 3, top:1 }} value={liveData.keysWork?.rtmpServerAddress as string} />
                                 </Typography>
                             </Card>
                         </Grid>
@@ -156,6 +159,7 @@ export default function EditLiveView() {
                                 </Typography>
                                 <Typography variant="body2" gutterBottom>
                                     {liveData.keysWork?.hlsServerAddress}
+                                    <CopyButton sx={{ position: 'absolute', right: 3, top:1 }} value={liveData.keysWork?.hlsServerAddress as string} />
                                 </Typography>
                             </Card>
                         </Grid>