Rearrange CSS classes in various components

This commit reorders CSS classes in multiple files to maintain consistent code style. The switch does not change any style attribute's functionality or the display, but assists in code readability and organization.

apps/web/app/(dashboard)/home/[account]/_components/account-layout-sidebar.tsx

@@ -85,7 +85,7 @@ function SidebarContainer(props: {
         />
       </SidebarContent>
 
-      <SidebarContent className={`h-[calc(100%-160px)] overflow-y-auto mt-5`}>
+      <SidebarContent className={`mt-5 h-[calc(100%-160px)] overflow-y-auto`}>
         <AccountLayoutSidebarNavigation account={account} />
       </SidebarContent>
 

apps/web/app/(dashboard)/home/[account]/page.tsx

@@ -56,7 +56,7 @@ function TeamAccountHomePage({
         account={params.account}
       >
         <Button size={'sm'}>
-          <PlusCircle className={'h-4 mr-1'} />
+          <PlusCircle className={'mr-1 h-4'} />
           <span>Add Widget</span>
         </Button>
       </AccountLayoutHeader>

apps/web/app/(dashboard)/home/_components/home-sidebar.tsx

@@ -32,7 +32,7 @@ export function HomeSidebar() {
         </If>
       </SidebarContent>
 
-      <SidebarContent className={`h-[calc(100%-160px)] overflow-y-auto mt-5`}>
+      <SidebarContent className={`mt-5 h-[calc(100%-160px)] overflow-y-auto`}>
         <SidebarNavigation config={personalAccountSidebarConfig} />
       </SidebarContent>
 

packages/ui/src/makerkit/page.tsx

@@ -44,12 +44,10 @@ export function PageHeader({
   mobileNavigation?: React.ReactNode;
 }>) {
   return (
-    <div
+    <div className={'flex min-h-16 items-center justify-between border-b px-4'}>
-      className={'flex min-h-16 items-center justify-between border-b px-4'}
-    >
       <div
         className={
-          'flex items-center space-x-4 lg:flex-col lg:space-y-0.5 lg:items-start lg:space-x-0'
+          'flex items-center space-x-4 lg:flex-col lg:items-start lg:space-x-0 lg:space-y-0.5'
         }
       >
         <div className={'flex items-center lg:hidden'}>{mobileNavigation}</div>