fix: Add img alt (#309)

Author: lexzee

src/components/Newsletter.jsx

@@ -30,8 +30,8 @@ export function Newsletter() {
             Awards
           </h3>
           <div className="my-4 flex flex-wrap items-center justify-evenly gap-4">
-            <Image src={CommunityAward} width="500" className="rounded" />
-            <Image src={TeacherAward} width="500" className="rounded" />
+            <Image alt={"Community Award"} src={CommunityAward} width="500" className="rounded" />
+            <Image alt={"Teacher Award"} src={TeacherAward} width="500" className="rounded" />
           </div>
         </div>
       </Container>

src/components/PrimaryFeatures.jsx

@@ -130,7 +130,7 @@ export function PrimaryFeatures() {
                       <Image
                         className="w-full"
                         src={feature.image}
-                        alt=""
+                        alt={`image of ${feature.title}`}
                         priority
                         sizes="(min-width: 1024px) 67.8125rem, (min-width: 640px) 100vw, 45rem"
                       />

src/components/SecondaryFeatures.jsx

@@ -125,7 +125,7 @@ function FeaturesDesktop() {
                     <Image
                       className="w-full"
                       src={feature.image}
-                      alt=""
+                      alt={feature.name}
                       sizes="52.75rem"
                     />
                   </div>

src/components/Testimonials.jsx

@@ -129,7 +129,7 @@ export function Testimonials() {
                               testimonial.author.username +
                               '.png'
                             }
-                            alt=""
+                            alt={testimonial.name}
                             width={56}
                             height={56}
                           />