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>