turn inline logo & shell headers into h3 (#7060)

packages/features/shell/Shell.tsx

@@ -797,13 +797,13 @@ export function ShellMain(props: LayoutProps) {
             {props.HeadingLeftIcon && <div className="ltr:mr-4">{props.HeadingLeftIcon}</div>}
             <div className={classNames("w-full ltr:mr-4 rtl:ml-4 md:block", props.headerClassName)}>
               {props.heading && (
-                <h1
+                <h3
                   className={classNames(
                     "font-cal max-w-28 sm:max-w-72 md:max-w-80 hidden truncate text-xl font-semibold tracking-wide text-black md:block xl:max-w-full",
                     props.smallHeading ? "text-base" : "text-xl"
                   )}>
                   {!isLocaleReady ? <SkeletonText invisible /> : props.heading}
-                </h1>
+                </h3>
               )}
               {props.subtitle && (
                 <p className="hidden text-sm text-gray-500 md:block">

packages/ui/components/logo/Logo.tsx

@@ -2,7 +2,7 @@ import { LOGO_ICON, LOGO } from "@calcom/lib/constants";
 
 export default function Logo({ small, icon }: { small?: boolean; icon?: boolean }) {
   return (
-    <h1 className="logo inline">
+    <h3 className="logo inline">
       <strong>
         {icon ? (
           <img className="mx-auto w-9" alt="Cal" title="Cal" src={LOGO_ICON} />
@@ -10,6 +10,6 @@ export default function Logo({ small, icon }: { small?: boolean; icon?: boolean
           <img className={small ? "h-4 w-auto" : "h-5 w-auto"} alt="Cal" title="Cal" src={LOGO} />
         )}
       </strong>
-    </h1>
+    </h3>
   );
 }