fix(ui/header): change font sizes [EE-3966] (#7485)

app/react/components/PageHeader/Breadcrumbs/Breadcrumbs.tsx

@@ -17,7 +17,7 @@ export function Breadcrumbs({ breadcrumbs }: Props) {
     : [breadcrumbs];
 
   return (
-    <div className="text-sm font-medium text-gray-7 th-dark:text-gray-5 th-highcontrast:text-white space-x-2">
+    <div className="text-xs font-medium text-gray-7 th-dark:text-gray-5 th-highcontrast:text-white space-x-2">
       {breadcrumbsArray.map((crumb, index) => (
         <Fragment key={index}>
           <span>{renderCrumb(crumb)}</span>

app/react/components/PageHeader/HeaderTitle.tsx

@@ -26,7 +26,7 @@ export function HeaderTitle({ title, children }: PropsWithChildren<Props>) {
   return (
     <div className="flex justify-between whitespace-normal pt-3">
       <div className="flex items-center gap-2">
-        <div className="font-medium text-3xl text-gray-11 th-dark:text-white th-highcontrast:text-white">
+        <div className="font-medium text-2xl text-gray-11 th-dark:text-white th-highcontrast:text-white">
           {title}
         </div>
         {children && <span>{children}</span>}