Fix carousel navigation and add event listener for storage change

playbeat/src/pages/home.astro

@@ -41,18 +41,26 @@ const Canciones = [
 			if(leftArrow && rightArrow && carrusel){
 
 				for(let i = 0; i < carrusel.length; i++) {
-					let width = carrusel[i].offsetWidth;
+
 					leftArrow[i].addEventListener('click', () => {
+						let width = carrusel[i].offsetWidth;
 						carrusel[i].scrollBy({ left: -width, behavior: 'smooth' });
 					});
 
 					rightArrow[i].addEventListener('click', () => {
+						let width = carrusel[i].offsetWidth;
 						carrusel[i].scrollBy({ left: width, behavior: 'smooth' });
 					});
 				}
 			}
 		})
 	  </script>
+	  <script is:inline>
+		document.addEventListener('astro:after-swap', () => {
+			window.dispatchEvent(new Event('storageChange'));
+
+		});
+	  </script>
 </Layout>