solving import apostrophe issue

Author: hectormoba

components/header/Header.js

@@ -1,13 +1,13 @@
-import { useState } from 'react';
-import Image from 'next/image';
-import Link from 'next/link';
-import { useWindowWide } from 'lib/clock/useWindowWide';
-import { width } from 'lib/clock/data';
-import MenuMobile from 'components/menu/menuMobile';
-import HeaderNavigation from 'components/navigation/HeaderNavigation';
-import menu from 'public/icons8-menu-48.png'
-import help from 'public/icons8-help-48.png'
-import styles from './header.module.scss'
+import { useState } from "react";
+import Image from "next/image";
+import Link from "next/link";
+import { useWindowWide } from "lib/clock/useWindowWide";
+import { width } from "lib/clock/data";
+import MenuMobile from "components/menu/MenuMobile";
+import HeaderNavigation from "components/navigation/HeaderNavigation";
+import menu from "public/icons8-menu-48.png"
+import help from "public/icons8-help-48.png"
+import styles from "./header.module.scss"
 
 export default function Header(){
   const [toggle, setToggle] = useState(false);
@@ -19,23 +19,27 @@ export default function Header(){
 
   const navBar = !wide ? 
     (
-      <Image
-        className={`${styles.image} icon`}
-        layout="fixed"
-        height={32}
-        width={32}
-        src={help}
-      />
+      <Link href="/works">
+        <Image
+          className={`${styles.image} icon`}
+          alt="Help icon"
+          layout="fixed"
+          height={32}
+          width={32}
+          src={help}
+        />
+      </Link>
     ) : (
       <HeaderNavigation styles={styles} />
     )
 
   return(
     <>
     <header className={styles.header}>
-      <div className={!wide ? "" : styles.header__desktop } >
+      <div className={!wide ? null : styles.header__desktop } >
         <Image
             className="icon"
+            alt="Open menu in mobile divices"
             layout="fixed"
             height={32}
             width={32}

components/menu/MenuMobile.js

@@ -12,6 +12,7 @@ export default function MenuMobile(props){
     <Image
           className="icon"
           layout="fixed"
+          alt="Close menu"
           height={32}
           width={32}
           src={Close}

components/settingsForm/SettingForm.js

@@ -29,7 +29,7 @@ export default function SettingsFrom(props){
 
   let formState, totalTime, shortBrakeCount, restTime;
   if(sendForm) {
-    formState= <p>You've updated flow time. Please return to the clock to see the changes</p>
+    formState= <p>You&apos;ve updated flow time. Please return to the clock to see the changes</p>
   }
 
   if(form.time === "50") {
@@ -50,7 +50,8 @@ export default function SettingsFrom(props){
       <nav className={styles["nav-bar"]}>
         <h2 className={styles.title}>Settings</h2>
         <Link href="/">
-          <Image 
+          <Image
+            alt="Close setting modal window" 
             layout="fixed"
             src={Close}
           />
@@ -80,7 +81,7 @@ export default function SettingsFrom(props){
           />
           <input type="submit" value="update" className={styles.submitButton} />
           <div>
-            <p>You're going to start a flow of {totalTime} 
+            <p>You&apos;re going to start a flow of {totalTime} 
               with {shortBrakeCount} possible short brakes. When you finish the flow you have {restTime} minuts for rest</p>
           </div>
         </form>

pages/about.js

@@ -7,8 +7,8 @@ export default function AboutPage(){
       <h2>About flow app</h2>
     </div>
     <section>
-      <p>Flow app is a simple project inspired on other regular projectes, like pomodoro timer. But, we don't really like pomodoro's technique. Thus, we have developed a simple new solution that you can use working or studing.</p>
-      <p>This solution is just a project part of a portfolio. Don't use it like a production software solution.</p>
+      <p>Flow app is a simple project inspired on other regular projectes, like pomodoro timer. But, we don&apos;t really like pomodoro&apos;s technique. Thus, we have developed a simple new solution that you can use working or studing.</p>
+      <p>This solution is just a project part of a portfolio. Don&apos;t use it like a production software solution.</p>
     </section>
     </>
   )

pages/flow.js

@@ -12,7 +12,7 @@ export default function FlowPage(){
       <ul>
         <li>Intense and focused concentration on the present moment</li>
         <li>A sense of personal control or agency over the situation or activity</li>
-        <li>A distortion of temporal experience, as one's subjective experience of time is altered</li>
+        <li>A distortion of temporal experience, as one&apos;s subjective experience of time is altered</li>
         <li>Experience of the activity as intrinsically rewarding, also referred to as autotelic experience</li>
       </ul>
       <p>To arrive to a flow state you need to spend much time that a 25 pomodoro regular time. Try to achive this is state with hour timer</p>

pages/works.js

@@ -10,7 +10,7 @@ export default function WorksPage(){
       <h3>There is some points about flow clock that you should know</h3>
       <ul>
         <li>You decide how and how much you work between a set of options: You have three intervals of time 50min, 1.30h or 2.10h</li>
-        <li>You have a limited amount of short breakes depending on which interval you have choosen. Chose wisely when to stop: when you complete all the short breakes that has been recivied by you, you won't be able to stop the clock again</li>
+        <li>You have a limited amount of short breakes depending on which interval you have choosen. Chose wisely when to stop: when you complete all the short breakes that has been recivied by you, you won&apos;t be able to stop the clock again</li>
         <li>You can choose how much time short brakes are between 1 and 5 minutes.</li>
         <li>When you finish, you have an interval called free time. The free time value is 20% of your working time. For example, if you have completed and internval of 50 min, you will have a free time break of 10 minuts. </li>
         <li>Try to work as much as you can (between the selected time)</li>