Creating the home page and setting up i18n

In this section, we'll create the home page and set up the application's internationalization for Portuguese and English.

Our home page will be composed of two main components: PageContainer and ProTable. When users log in to the application, we want them to see some information such as the user's name, role, and a list of recently opened opportunities. To do that, follow these steps:

1. Let's start by adding the PageContainer component to the index.tsx file under the src/pages/Home folder as follows:

   import styles from './index.less';
   import { PageContainer } from '@ant-design/pro-layout';
   import { UserOutlined } from '@ant-design/icons';
   export default function IndexPage() {
     return (
       <PageContainer
         header={{ title: undefined }}
         style={{ minHeight: '90vh' }}
    ...