refactor(console): update per review

packages/console/src/App.tsx

@@ -6,13 +6,13 @@ import './scss/normalized.scss';
 
 import AppContent from './components/AppContent';
 import { getPath, sections } from './components/AppContent/components/Sidebar';
-import Callback from './components/Callback';
 import Toast from './components/Toast';
 import initI18n from './i18n/init';
 import ApiResourceDetails from './pages/ApiResourceDetails';
 import ApiResources from './pages/ApiResources';
 import ApplicationDetails from './pages/ApplicationDetails';
 import Applications from './pages/Applications';
+import Callback from './pages/Callback';
 import ConnectorDetails from './pages/ConnectorDetails';
 import Connectors from './pages/Connectors';
 import GetStarted from './pages/GetStarted';

packages/console/src/components/AppContent/components/Content/index.module.scss

@@ -1,3 +0,0 @@
-.content {
-  flex-grow: 1;
-}

packages/console/src/components/AppContent/components/Content/index.tsx

@@ -1,13 +0,0 @@
-import React, { ReactNode } from 'react';
-
-import * as styles from './index.module.scss';
-
-type Props = {
-  children: ReactNode;
-};
-
-const Content = ({ children }: Props) => {
-  return <div className={styles.content}>{children}</div>;
-};
-
-export default Content;

packages/console/src/components/AppContent/index.module.scss

@@ -14,6 +14,10 @@
   padding-right: _.unit(5);
   margin-bottom: _.unit(6);
   overflow: hidden;
+
+  .main {
+    flex-grow: 1;
+  }
 }
 
 .light {

packages/console/src/components/AppContent/index.tsx

@@ -2,7 +2,6 @@ import { useLogto } from '@logto/react';
 import React, { useEffect } from 'react';
 import { Outlet, useHref } from 'react-router-dom';
 
-import Content from './components/Content';
 import Sidebar from './components/Sidebar';
 import Topbar from './components/Topbar';
 import * as styles from './index.module.scss';
@@ -41,9 +40,9 @@ const AppContent = ({ theme }: Props) => {
       <Topbar />
       <div className={styles.content}>
         <Sidebar />
-        <Content>
+        <div className={styles.main}>
           <Outlet />
-        </Content>
+        </div>
       </div>
     </div>
   );