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>
 

apps/web/package.json

@@ -60,7 +60,7 @@
     "i18next": "^23.11.2",
     "i18next-resources-to-backend": "^1.2.1",
     "lucide-react": "^0.368.0",
-    "next": "14.3.0-canary.7",
+    "next": "14.3.0-canary.9",
     "next-sitemap": "^4.2.3",
     "next-themes": "0.3.0",
     "react": "18.2.0",
@@ -76,7 +76,7 @@
     "@kit/prettier-config": "workspace:^",
     "@kit/tailwind-config": "workspace:^",
     "@kit/tsconfig": "workspace:^",
-    "@next/bundle-analyzer": "14.3.0-canary.7",
+    "@next/bundle-analyzer": "14.3.0-canary.9",
     "@types/mdx": "^2.0.13",
     "@types/node": "^20.12.7",
     "@types/react": "^18.2.79",
@@ -85,7 +85,7 @@
     "dotenv-cli": "^7.4.1",
     "eslint": "^8.57.0",
     "prettier": "^3.2.5",
-    "supabase": "^1.159.1",
+    "supabase": "^1.162.4",
     "tailwindcss": "3.4.3",
     "typescript": "^5.4.5"
   },

apps/web/styles/globals.css

@@ -43,7 +43,7 @@
     --muted: 223 47% 11%;
     --muted-foreground: 215.4 16.3% 56.9%;
 
-    --accent: 216 34% 17%;
+    --accent: 216 34% 10%;
     --accent-foreground: 210 40% 98%;
 
     --popover: 224 71% 4%;
@@ -58,7 +58,7 @@
     --primary: 210 40% 98%;
     --primary-foreground: 222.2 47.4% 1.2%;
 
-    --secondary: 222.2 47.4% 11.2%;
+    --secondary: 216 34% 10%;
     --secondary-foreground: 210 40% 98%;
 
     --destructive: 0 63% 31%;