chore(console): component rename (#5480)

rename component XXXPanel -> XXXSection

packages/console/src/pages/JwtClaims/ScriptSection.tsx

@@ -15,7 +15,7 @@ const titlePhrases = Object.freeze({
   [JwtTokenType.MachineToMachineAccessToken]: 'machine_to_machine_jwt',
 });
 
-function ScriptPanel() {
+function ScriptSection() {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
 
   const { watch } = useFormContext<JwtClaimsFormType>();
@@ -38,4 +38,4 @@ function ScriptPanel() {
   );
 }
 
-export default ScriptPanel;
+export default ScriptSection;

packages/console/src/pages/JwtClaims/SettingsSection/index.tsx

@@ -14,7 +14,7 @@ enum Tab {
   Test = 'test_tab',
 }
 
-function SettingsPanel() {
+function SettingsSection() {
   const [activeTab, setActiveTab] = useState<Tab>(Tab.DataSource);
 
   return (
@@ -39,4 +39,4 @@ function SettingsPanel() {
   );
 }
 
-export default SettingsPanel;
+export default SettingsSection;

packages/console/src/pages/JwtClaims/index.tsx

@@ -6,8 +6,8 @@ import { useTranslation } from 'react-i18next';
 import CardTitle from '@/ds-components/CardTitle';
 import TabNav, { TabNavItem } from '@/ds-components/TabNav';
 
-import ScriptPanel from './ScriptPanel';
-import SettingsPanel from './SettingsPanel';
+import ScriptSection from './ScriptSection';
+import SettingsSection from './SettingsSection';
 import { JwtTokenType } from './config';
 import * as styles from './index.module.scss';
 import { type JwtClaimsFormType } from './type';
@@ -62,8 +62,8 @@ function JwtClaims({ tab }: Props) {
           : machineToMachineJwtClaimsForm)}
       >
         <form className={classNames(styles.tabContent)}>
-          <ScriptPanel />
-          <SettingsPanel />
+          <ScriptSection />
+          <SettingsSection />
         </form>
       </FormProvider>
     </div>