refactor(console): reorg application details page codes (#5248)

packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/EndpointsAndCredentials.tsx

@@ -21,7 +21,7 @@ import FormField from '@/ds-components/FormField';
 import TextLink from '@/ds-components/TextLink';
 import useCustomDomain from '@/hooks/use-custom-domain';
 
-import * as styles from '../index.module.scss';
+import * as styles from './index.module.scss';
 
 type Props = {
   app: Application;

packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/GuideDrawer/index.tsx

@@ -10,7 +10,7 @@ import { useAppGuideMetadata } from '@/components/Guide/hooks';
 import IconButton from '@/ds-components/IconButton';
 import Spacer from '@/ds-components/Spacer';
 
-import AppGuide from '../AppGuide';
+import AppGuide from '../../components/AppGuide';
 
 import * as styles from './index.module.scss';
 

packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/index.tsx

@@ -27,16 +27,16 @@ import useTenantPathname from '@/hooks/use-tenant-pathname';
 import { applicationTypeI18nKey } from '@/types/applications';
 import { trySubmitSafe } from '@/utils/form';
 
-import Branding from '../components/Branding';
-import EndpointsAndCredentials from '../components/EndpointsAndCredentials';
-import GuideDrawer from '../components/GuideDrawer';
-import MachineLogs from '../components/MachineLogs';
-import MachineToMachineApplicationRoles from '../components/MachineToMachineApplicationRoles';
-import Permissions from '../components/Permissions';
-import RefreshTokenSettings from '../components/RefreshTokenSettings';
-import Settings from '../components/Settings';
-import * as styles from '../index.module.scss';
-import { type ApplicationForm, applicationFormDataParser } from '../utils';
+import Branding from './Branding';
+import EndpointsAndCredentials from './EndpointsAndCredentials';
+import GuideDrawer from './GuideDrawer';
+import MachineLogs from './MachineLogs';
+import MachineToMachineApplicationRoles from './MachineToMachineApplicationRoles';
+import Permissions from './Permissions';
+import RefreshTokenSettings from './RefreshTokenSettings';
+import Settings from './Settings';
+import * as styles from './index.module.scss';
+import { type ApplicationForm, applicationFormDataParser } from './utils';
 
 type Props = {
   data: ApplicationResponse;

packages/console/src/pages/ApplicationDetails/GuideModal/index.tsx

@@ -4,7 +4,7 @@ import Modal from 'react-modal';
 import ModalHeader from '@/components/Guide/ModalHeader';
 import * as modalStyles from '@/scss/modal.module.scss';
 
-import AppGuide from '../AppGuide';
+import AppGuide from '../components/AppGuide';
 
 import * as styles from './index.module.scss';
 

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

@@ -10,7 +10,7 @@ import type { RequestError } from '@/hooks/use-api';
 import useTenantPathname from '@/hooks/use-tenant-pathname';
 
 import ApplicationDetailsContent from './ApplicationDetailsContent';
-import GuideModal from './components/GuideModal';
+import GuideModal from './GuideModal';
 
 function ApplicationDetails() {
   const { id, guideId } = useParams();