Update 'next' version and dependencies in pnpm-lock.yaml

This commit updates the package version of 'next' from 14.3.0-canary.7 to 14.3.0-canary.9 throughout the pnpm-lock.yaml file. Other dependencies updated with the respective package include '@makerkit/data-loader-supabase-nextjs', '@keystatic/next' and so on. This update is important to ensure the latest features are being utilized while retaining compatibility with existing code.

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

@@ -69,7 +69,7 @@ function SidebarContainer(props: {
 
   return (
     <>
-      <SidebarContent className={'my-4'}>
+      <SidebarContent className={'h-16 justify-center'}>
         <AccountSelector
           selectedAccount={account}
           accounts={accounts}
@@ -85,7 +85,7 @@ function SidebarContainer(props: {
         />
       </SidebarContent>
 
-      <SidebarContent className={`h-[calc(100%-160px)] overflow-y-auto`}>
+      <SidebarContent className={`h-[calc(100%-160px)] overflow-y-auto mt-5`}>
         <AccountLayoutSidebarNavigation account={account} />
       </SidebarContent>
 

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

@@ -1,6 +1,6 @@
 import loadDynamic from 'next/dynamic';
 
-import { Plus } from 'lucide-react';
+import { PlusCircle } from 'lucide-react';
 
 import { Button } from '@kit/ui/button';
 import { PageBody } from '@kit/ui/page';
@@ -55,8 +55,8 @@ function TeamAccountHomePage({
         description={<Trans i18nKey={'common:dashboardTabDescription'} />}
         account={params.account}
       >
-        <Button>
-          <Plus className={'mr-2 h-4'} />
+        <Button size={'sm'}>
+          <PlusCircle className={'h-4 mr-1'} />
           <span>Add Widget</span>
         </Button>
       </AccountLayoutHeader>

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

@@ -20,7 +20,7 @@ export function HomeSidebar() {
 
   return (
     <Sidebar collapsed={collapsed}>
-      <SidebarContent className={'my-4'}>
+      <SidebarContent className={'h-16 justify-center'}>
         <If
           condition={featuresFlagConfig.enableTeamAccounts}
           fallback={<AppLogo className={'py-2'} />}
@@ -32,7 +32,7 @@ export function HomeSidebar() {
         </If>
       </SidebarContent>
 
-      <SidebarContent className={`h-[calc(100%-160px)] overflow-y-auto`}>
+      <SidebarContent className={`h-[calc(100%-160px)] overflow-y-auto mt-5`}>
         <SidebarNavigation config={personalAccountSidebarConfig} />
       </SidebarContent>