seahaven-ap/src/pages/payments/index.tsx

import { Box, Typography } from "@mui/material";
import { PaymentProcessingGrids } from "@/dashboard/PaymentProcessingGrids";

export default function PaymentsPage() {
  return (
    <Box>
      <Box sx={{ px: 2, pt: 1.5, pb: 0.5 }}>
        <Typography component="h1" variant="h1" data-testid="page-title">
          Payment Processing
        </Typography>
      </Box>
      <PaymentProcessingGrids />
    </Box>
  );
}