feat(MED-122): update analysis packages page, pageheader

packages/ui/src/makerkit/page.tsx

@@ -133,13 +133,13 @@ export function PageDescription(props: React.PropsWithChildren) {
 
 export function PageTitle(props: React.PropsWithChildren) {
   return (
-    <h1
+    <h4
       className={
-        'font-heading text-base leading-none font-bold tracking-tight dark:text-white'
+        'font-heading leading-none font-bold tracking-tight dark:text-white'
       }
     >
       {props.children}
-    </h1>
+    </h4>
   );
 }
 
@@ -167,6 +167,10 @@ export function PageHeader({
       )}
     >
       <div className={'flex flex-col gap-y-2'}>
+        <If condition={title}>
+          <PageTitle>{title}</PageTitle>
+        </If>
+
         <div className="flex items-center gap-x-2.5">
           {displaySidebarTrigger ? (
             <SidebarTrigger className="text-muted-foreground hover:text-secondary-foreground hidden h-4.5 w-4.5 cursor-pointer lg:inline-flex" />
@@ -183,10 +187,6 @@ export function PageHeader({
             <PageDescription>{description}</PageDescription>
           </If>
         </div>
-
-        <If condition={title}>
-          <PageTitle>{title}</PageTitle>
-        </If>
       </div>
 
       {children}