update order details view, translations

packages/ui/src/makerkit/page.tsx

@@ -119,8 +119,8 @@ export function PageNavigation(props: React.PropsWithChildren) {
 
 export function PageDescription(props: React.PropsWithChildren) {
   return (
-    <div className={'flex h-6 items-center'}>
-      <div className={'text-muted-foreground text-sm leading-none font-normal'}>
+    <div className={'flex items-center'}>
+      <div className={'text-muted-foreground text-sm font-normal leading-6'}>
         {props.children}
       </div>
     </div>
@@ -168,7 +168,7 @@ export function PageHeader({
         </If>
 
         <If condition={displaySidebarTrigger || description}>
-          <div className="flex items-center gap-x-2.5">
+          <div className="flex items-center gap-3">
             {displaySidebarTrigger ? (
               <SidebarTrigger className="text-muted-foreground hover:text-secondary-foreground hidden h-4.5 w-4.5 cursor-pointer lg:inline-flex" />
             ) : null}