chore: fix a11y issues

Author: limonte

recipe-gallery/sweetalert2-laravel.tsx

@@ -95,6 +95,7 @@ Swal::toastQuestion([
       <p>
         <img
           src="https://github.com/sweetalert2/sweetalert2-laravel/raw/main/sweetalert2-laravel.png"
+          alt="SweetAlert2 Laravel integration demo screenshot"
           style={{ maxWidth: 840 }}
         />
       </p>

src/components/Header.tsx

@@ -52,7 +52,7 @@ export function Header() {
         </div>
         <div id="logo-slider">
           <div id="logo-track">
-            <img src="/images/logo-donut-track.svg" />
+            <img src="/images/logo-donut-track.svg" alt="" />
           </div>
           <div id="logo-bouncer">
             <div id="logo-spinner">

src/components/Nav.tsx

@@ -16,7 +16,9 @@ export function Nav({
   return (
     <>
       <Sidebar />
-      <i className="fa fa-bars show-sidebar" onClick={() => showSidebar()}></i>
+      <button className="show-sidebar" onClick={() => showSidebar()} aria-label="Open navigation menu">
+        <i className="fa fa-bars" aria-hidden="true"></i>
+      </button>
 
       {recipeGallery ? (
         <>

src/components/Showcase.tsx

@@ -27,6 +27,7 @@ export function Showcase() {
         <a href="https://cheapgpt.store/" target="_blank" rel="noopener">
           <img
             src="/images/sponsors/cheapgpt.gif"
+            alt="CheapGPT"
             width="728"
             height="90"
             style={{ maxWidth: '100%', height: 'auto' }}

styles/styles.scss

@@ -123,6 +123,8 @@ nav {
   justify-content: center;
   width: 48px;
   height: 48px;
+  padding: 0;
+  border: none;
   background-color: $body-background;
   font-size: 1.8em !important;
   cursor: pointer;