fix(logo): add aria-labels and improve accessibility features in Logo component

fix(progress): enhance accessibility by adding aria-label to LinearProgress component
fix(share): add aria-label for better accessibility in Share button
fix(title): change h3 to h2 for semantic correctness and add aria-labels for links
fix(qrimg): add alt text for QR code image for improved accessibility
fix(buttonmenu): add aria-label for mobile menu button to enhance accessibility

app/component/Logo.js

@@ -3,19 +3,27 @@ import Link from "next/link";
 import React from "react";
 
 function Logo({ isAbsolute, matchedCity }) {
+  const siteName =
+    matchedCity?.site_name ||
+    (matchedCity?.name ? `${matchedCity.name} نوبت` : "نوبت ۷۲۴");
   return (
-    <Link href="/" className={isAbsolute ? "absolute right-[32px] top-0" : ""}>
+    <Link
+      href="/"
+      aria-label={isAbsolute ? undefined : siteName}
+      aria-hidden={isAbsolute ? true : undefined}
+      tabIndex={isAbsolute ? -1 : undefined}
+      className={isAbsolute ? "absolute right-[32px] top-0" : ""}
+    >
       <div className="flex items-center justify-start gap-[5px]">
         <Image
           className="w-[20px] h-[20px] sm:w-[23px] sm:h-[23px] md:w-[26px] md:h-[26px] lg:w-[30px] lg:h-[30px]"
           src="/assets/images/logo.png"
           width={30}
           height={30}
-          alt="logo"
+          alt=""
         />
         <p className="text-[#526CAC] text-[14px] lg:text-[16px] font-bold">
-          {matchedCity?.site_name ||
-            (matchedCity?.name ? `${matchedCity.name} نوبت` : "نوبت ۷۲۴")}
+          {siteName}
         </p>
       </div>
     </Link>

app/component/ProfressDetail.js

@@ -21,6 +21,7 @@ function ProgressDetail({ data, idx }) {
       <LinearProgress
         value={progress || 0}
         variant="determinate"
+        aria-label={label}
         className="!w-full lg:!w-[265px] !rounded-[10px] !bg-[#D7D7D7] !h-[11px]"
         sx={{
           "& .MuiLinearProgress-bar": {