fix: align with requirements

Updates include:
- Changing 'New Quote' button text to 'New quote' to match test expectations
- Setting autoplay interval to 60 seconds (60000ms) as per requirements
- Correcting 'italicized' to 'italicised' in CSS comments
- Ensuring British English spelling in comments

Author: Tarawally

Sprint-3/quote-generator/app.js

@@ -1,7 +1,7 @@
 /* globals quotes, pickFromArray */
 
 // Use a constant for the auto-play time to make it easy to change later.
-const AUTO_PLAY_INTERVAL_MS = 5000;
+const AUTO_PLAY_INTERVAL_MS = 60000;
 
 // Defines variables to track the state of the app.
 // Uses 'let' because the timer ID will change when we start/stop auto-play.
@@ -40,7 +40,7 @@ function startAutoPlay() {
   // Shows the "auto-play: ON" status text to inform the user it is active.
   autoPlayStatus.classList.add("active");
 
-  // Sets a repeating timer that calls 'displayNewQuote' every 5000 milliseconds (5 seconds).
+  // Sets a repeating timer that calls 'displayNewQuote' every 60000 milliseconds (60 seconds).
   autoPlayIntervalId = setInterval(function () {
     displayNewQuote();
   }, AUTO_PLAY_INTERVAL_MS);
@@ -76,7 +76,7 @@ function handleAutoPlayToggle(event) {
   }
 }
 
-// Adds an event listener to the "New Quote" button.
+// Adds an event listener to the "New quote" button.
 // When clicked, it shows a new quote and resets the auto-play timer if it's running.
 newQuoteButton.addEventListener("click", function () {
   displayNewQuote();

Sprint-3/quote-generator/index.html

@@ -23,7 +23,7 @@ <h1>Quote generator app</h1>
       <p id="author"></p>
 
       <div class="controls">
-        <button type="button" id="new-quote">New Quote</button>
+        <button type="button" id="new-quote">New quote</button>
 
         <div class="auto-play-container">
           <span class="switch-label">Auto-play</span>

Sprint-3/quote-generator/style.css

@@ -66,7 +66,7 @@ h1 {
   color: var(--text-color);
   margin-bottom: 2.5rem;
   text-align: right;
-  font-style: italic; /* Authors are often italicized in this style */
+  font-style: italic; /* Authors are often italicised in this style */
 }
 
 /* Add dash before author if not present in JS, but here we style assuming content */