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

components/doctor/detailDoctor/Title.js

@@ -39,13 +39,13 @@ function Title({ doctor }) {
           </h1>
         </TextLoading>
         <TextLoading width={100} height={20}>
-          <h3 className="text-[#525252] text-[14px] md:text-[16px] font-medium">
+          <h2 className="text-[#525252] text-[14px] md:text-[16px] font-medium">
             تخصص:
             {doctor?.specialties?.map(
               (item, idx) =>
                 `${item.name} ${doctor.specialties.length === idx + 1 ? "" : "|"} `
             )}
-          </h3>
+          </h2>
         </TextLoading>
         <div className="flex items-center justify-start gap-11">
           <TextLoading width={60} height={20}>
@@ -92,6 +92,7 @@ function Title({ doctor }) {
                   href={url}
                   target="_blank"
                   rel="noopener noreferrer"
+                  aria-label={key}
                   className="flex items-center justify-center p-1.5 rounded-full bg-[#F8F8FF]"
                 >
                   <Icon />