Rename component files and update code dependencies

Numerous component files have been renamed for better organization and readability. This includes changing 'app' to 'account-layout' in various instances and 'organization' to 'team' to ensure consistency across code. Additionally, dependencies within codes have been updated in line with the renaming. The pull request also includes a minor update to the pnpm-lock file, reflecting the latest version of Next.js.

packages/database-webhooks/src/server/services/database-webhook-handler.service.ts

@@ -1,3 +1,5 @@
+import 'server-only';
+
 import { Logger } from '@kit/shared/logger';
 import { getSupabaseRouteHandlerClient } from '@kit/supabase/route-handler-client';
 
@@ -18,9 +20,21 @@ export class DatabaseWebhookHandlerService {
     // check if the signature is valid
     this.assertSignatureIsAuthentic(request, webhooksSecret);
 
+    // all good, handle the webhook
     const json = await request.json();
 
     await this.handleWebhookBody(json);
+
+    const { table, type } = json as RecordChange<keyof Tables>;
+
+    Logger.info(
+      {
+        name: this.namespace,
+        table,
+        type,
+      },
+      'Webhook processed successfully',
+    );
   }
 
   private handleWebhookBody(body: RecordChange<keyof Tables>) {

packages/ui/src/makerkit/page.tsx

@@ -47,7 +47,7 @@ export function PageHeader({
     <div className={'flex items-start justify-between p-4'}>
       <div
         className={
-          'flex items-center space-x-2 lg:flex-col lg:items-start lg:space-x-0'
+          'flex items-center space-x-4 lg:flex-col lg:items-start lg:space-x-0'
         }
       >
         <div className={'flex items-center lg:hidden'}>{mobileNavigation}</div>