src/pages/UserCenter/UserLayout.jsx

// src/pages/UserCenter/UserLayout.js
import React from 'react';
import Header from '../../components/Header';
import UserNav from './UserNav';
import './UserLayout.css';

const UserLayout = ({ children }) => {
  return (
    <div className="user-profile-container">
      <Header />
      <div className="user-center">
        <div className="user-nav-container">
          <UserNav />
        </div>
        <div className="common-card">
          {children}
        </div>
      </div>
    </div>
  );
};

export default UserLayout;