'use client';

import { Suspense } from 'react';
import AppLayout from '../../components/layout/AppLayout';
import LoadingSpinner from '../../components/ui/LoadingSpinner';
import SettingsContent from './SettingsContent';

export default function SettingsPage() {
  return (
    <AppLayout>
      <Suspense fallback={
        <div className="flex items-center justify-center py-20">
          <LoadingSpinner size="lg" />
        </div>
      }>
        <SettingsContent />
      </Suspense>
    </AppLayout>
  );
}