fix: corriger toutes les erreurs de lint restantes (263 -> 0)

components/teks/karaoke-modal.js

@@ -21,7 +21,7 @@ const pulse = keyframes`
 `
 
 const SlideUp = forwardRef(function SlideUp(props, ref) {
-  return <Slide direction='up' ref={ref} {...props} />
+  return <Slide ref={ref} direction='up' {...props} />
 })
 
 function toEmbedUrl(url) {
@@ -31,6 +31,7 @@ function toEmbedUrl(url) {
     if (match) {
       return `${u.origin}/videos/embed/${match[1]}?title=0&warningTitle=0&peertubeLink=0&controlBar=1`
     }
+
     return url
   } catch {
     return url
@@ -45,7 +46,9 @@ export default function KaraokeModal({url, desktopUrl, titre, artistes}) {
   const activeUrl = (!isMobile && desktopUrl) ? desktopUrl : url
 
   useEffect(() => {
-    if (!open) setLoaded(false)
+    if (!open) {
+      setLoaded(false)
+    }
   }, [open])
 
   return (
@@ -55,13 +58,13 @@ export default function KaraokeModal({url, desktopUrl, titre, artistes}) {
           color='primary'
           size={isMobile ? 'medium' : 'large'}
           aria-label='karaoké'
-          onClick={() => setOpen(true)}
           sx={{
             position: 'fixed',
             bottom: {xs: 24, sm: 32},
             right: {xs: 24, sm: 32},
             zIndex: 1050,
           }}
+          onClick={() => setOpen(true)}
         >
           <MicIcon />
         </Fab>
@@ -69,7 +72,6 @@ export default function KaraokeModal({url, desktopUrl, titre, artistes}) {
 
       <Dialog
         open={open}
-        onClose={() => setOpen(false)}
         slots={{transition: SlideUp}}
         maxWidth={false}
         sx={{
@@ -102,6 +104,7 @@ export default function KaraokeModal({url, desktopUrl, titre, artistes}) {
             }
           }
         }}
+        onClose={() => setOpen(false)}
       >
         {/* Header superposé en gradient */}
         <Box sx={{
@@ -118,7 +121,8 @@ export default function KaraokeModal({url, desktopUrl, titre, artistes}) {
           alignItems: 'flex-start',
           justifyContent: 'space-between',
           pointerEvents: 'none',
-        }}>
+        }}
+        >
           <Box sx={{pointerEvents: 'none'}}>
             {titre && (
               <Typography variant='subtitle1' sx={{color: '#fff', fontWeight: 700, lineHeight: 1.2, textShadow: '0 1px 4px rgba(0,0,0,0.5)'}}>
@@ -133,7 +137,6 @@ export default function KaraokeModal({url, desktopUrl, titre, artistes}) {
           </Box>
           <IconButton
             size='small'
-            onClick={() => setOpen(false)}
             aria-label='fermer'
             sx={{
               pointerEvents: 'auto',
@@ -143,6 +146,7 @@ export default function KaraokeModal({url, desktopUrl, titre, artistes}) {
               border: '1px solid rgba(255,255,255,0.12)',
               '&:hover': {bgcolor: 'rgba(255,255,255,0.25)'},
             }}
+            onClick={() => setOpen(false)}
           >
             <CloseIcon fontSize='small' />
           </IconButton>
@@ -166,7 +170,8 @@ export default function KaraokeModal({url, desktopUrl, titre, artistes}) {
                   alignItems: 'center',
                   justifyContent: 'center',
                   gap: 1.5,
-                }}>
+                }}
+                >
                   <MicIcon sx={{fontSize: 44, color: 'rgba(255,255,255,0.55)', animation: `${pulse} 1.6s ease-in-out infinite`}} />
                   <Typography
                     variant='caption'
@@ -187,27 +192,28 @@ export default function KaraokeModal({url, desktopUrl, titre, artistes}) {
                 transform: 'translateX(-50%)',
                 height: '100%',
                 aspectRatio: '16 / 9',
-              }}>
+              }}
+              >
                 <iframe
-                  src={toEmbedUrl(activeUrl)}
-                  onLoad={() => setLoaded(true)}
-                  style={{width: '100%', height: '100%', border: 'none', display: 'block', opacity: loaded ? 1 : 0, transition: 'opacity 0.4s ease'}}
                   allowFullScreen
+                  src={toEmbedUrl(activeUrl)}
+                  style={{width: '100%', height: '100%', border: 'none', display: 'block', opacity: loaded ? 1 : 0, transition: 'opacity 0.4s ease'}}
                   allow='autoplay; fullscreen'
                   sandbox='allow-same-origin allow-scripts allow-popups allow-forms'
                   title='Karaoké'
+                  onLoad={() => setLoaded(true)}
                 />
               </Box>
             ) : (
               /* Vidéo 16:9 desktop : player remplit exactement le dialog paysage */
               <iframe
-                src={toEmbedUrl(activeUrl)}
-                onLoad={() => setLoaded(true)}
-                style={{width: '100%', height: '100%', border: 'none', display: 'block', opacity: loaded ? 1 : 0, transition: 'opacity 0.4s ease'}}
                 allowFullScreen
+                src={toEmbedUrl(activeUrl)}
+                style={{width: '100%', height: '100%', border: 'none', display: 'block', opacity: loaded ? 1 : 0, transition: 'opacity 0.4s ease'}}
                 allow='autoplay; fullscreen'
                 sandbox='allow-same-origin allow-scripts allow-popups allow-forms'
                 title='Karaoké'
+                onLoad={() => setLoaded(true)}
               />
             )}
           </Box>