Add more efficient authentication check function to server components.

Added request logging to Next.js config.

This commit introduces a new function 'requireUserInServerComponent' which checks for user authentication and is used in multiple server components. The aim is to enhance efficiency by caching the function so that data is only fetched once per request, preventing unnecessary database hits. Existing components were modified accordingly to incorporate this new method.

apps/web/app/update-password/page.tsx

@@ -1,14 +1,11 @@
-import { redirect } from 'next/navigation';
-
 import { UpdatePasswordForm } from '@kit/auth/password-reset';
 import { AuthLayoutShell } from '@kit/auth/shared';
-import { requireUser } from '@kit/supabase/require-user';
-import { getSupabaseServerComponentClient } from '@kit/supabase/server-component-client';
 
 import { AppLogo } from '~/components/app-logo';
 import pathsConfig from '~/config/paths.config';
 import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
 import { withI18n } from '~/lib/i18n/with-i18n';
+import { requireUserInServerComponent } from '~/lib/server/require-user-in-server-component';
 
 export const generateMetadata = async () => {
   const { t } = await createI18nServerInstance();
@@ -19,13 +16,7 @@ export const generateMetadata = async () => {
 };
 
 async function UpdatePasswordPage() {
-  const client = getSupabaseServerComponentClient();
-  const auth = await requireUser(client);
-
-  // we require the user to be logged in to access this page
-  if (auth.error) {
-    redirect(auth.redirectTo);
-  }
+  await requireUserInServerComponent();
 
   return (
     <AuthLayoutShell Logo={AppLogo}>