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/Share.js

@@ -20,6 +20,7 @@ function Share({ data }) {
       <Button
         className="!gap-1 !border-none lg:!border-[#EFEFEF] !p-2 !rounded-lg !text-[#525252] !text-[14px]"
         onClick={handleOpen}
+        aria-label="اشتراک گذاری"
         variant="outlined"
       >
         <ShareDI />

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 />

components/doctor/poster/QrImg.js

@@ -21,7 +21,7 @@ export default function QrImg() {
   return (
     <div className="flex items-center flex-col justify-center mt-[100%]">
       {qrCodeData ? (
-        <img src={qrCodeData} width={167} height={167} />
+        <img src={qrCodeData} width={167} height={167} alt="کد QR پروفایل پزشک" />
       ) : (
         <p>در حال بارگذاری...</p>
       )}

components/layout/header/list/col/ButtonMenu.js

@@ -4,6 +4,7 @@ function ButtonMenu({ isActive, setIsActive }) {
   return (
     <Button
       onClick={() => setIsActive(!isActive)}
+      aria-label="منوی موبایل"
       className="!py-[6px] !px-[2px] !flex !p-0.5 !w-[24px] !h-[24px] !flex-col !justify-between !items-center"
     >
       <span