website refactor

apps/website/app/layout.tsx

@@ -6,6 +6,8 @@ import React from 'react';
 import './globals.css';
 import { AppWrapper } from '@/components/AppWrapper';
 import { RootAppShellTemplate } from '@/templates/layout/RootAppShellTemplate';
+import { getWebsiteServerEnv } from '@/lib/config/env';
+import { logger } from '@/lib/infrastructure/logging/logger';
 
 export const dynamic = 'force-dynamic';
 
@@ -46,7 +48,8 @@ export default async function RootLayout({
   children: React.ReactNode;
 }) {
   // Initialize debug tools in development
-  if (process.env.NODE_ENV === 'development') {
+  const env = getWebsiteServerEnv();
+  if (env.NODE_ENV === 'development') {
     try {
       initializeGlobalErrorHandling({
         showDevOverlay: true,
@@ -59,7 +62,7 @@ export default async function RootLayout({
         logResponses: true,
       });
     } catch (error) {
-      console.warn('Failed to initialize debug tools:', error);
+      logger.warn('Failed to initialize debug tools', { error });
     }
   }