Adapt components with new css & NextJs rules

components/teks/lekte.js

@@ -70,7 +70,7 @@ export default function Lekte({audio, url, parole}) {
     const minute = Math.floor(value / 60)
     const secondLeft = value - (minute * 60)
     if (Number.isNaN(minute) || Number.isNaN(secondLeft)) {
-      return 'Information indisponible'
+      return '...'
     }
 
     return `${minute}:${secondLeft <= 9 ? `0${secondLeft}` : secondLeft}`
@@ -243,7 +243,7 @@ export default function Lekte({audio, url, parole}) {
             )}
           </IconButton>
         </Box>
-        <Stack spacing={2} direction='row' sx={{mb: 1, px: 1}} alignItems='center'>
+        <Stack spacing={2} direction='row' sx={{mb: 1, px: 1}} alignitems='center'>
           <VolumeDownRounded htmlColor={lightIconColor} />
           <Slider
             aria-label='Volume'