feat: add Docker Inspect dialog with tabbed container info view and enhanced visual formatting

frontend/src/lang/modules/en.ts

@@ -1032,6 +1032,7 @@ const message = {
         author: 'Author',
         ifPause: 'Pause Container During Creation',
         ifMakeImageWithContainer: 'Create New Image from This Container?',
+        finishTime: 'Last stop time',
     },
     cronjob: {
         create: 'Create cron job',

frontend/src/lang/modules/es-es.ts

@@ -1031,6 +1031,7 @@ const message = {
         author: 'Autor',
         ifPause: '¿Pausar el contenedor durante la creación?',
         ifMakeImageWithContainer: '¿Crear nueva imagen a partir de este contenedor?',
+        finishTime: 'Hora de la última detención',
     },
     cronjob: {
         create: 'Crear tarea programada',

frontend/src/lang/modules/ja.ts

@@ -1003,6 +1003,7 @@ const message = {
         author: '著者',
         ifPause: '作成中にコンテナを一時停止します',
         ifMakeImageWithContainer: 'このコンテナから新しい画像を作成しますか？',
+        finishTime: '前回の停止時間',
     },
     cronjob: {
         create: 'Cronジョブを作成します',

frontend/src/lang/modules/ko.ts

@@ -993,6 +993,7 @@ const message = {
         author: '작성자',
         ifPause: '생성 중 컨테이너 일시 정지',
         ifMakeImageWithContainer: '이 컨테이너에서 새 이미지를 생성하시겠습니까?',
+        finishTime: '마지막 중지 시간',
     },
     cronjob: {
         create: '크론 작업 생성',

frontend/src/lang/modules/ms.ts

@@ -1027,6 +1027,7 @@ const message = {
         author: 'Pengarang',
         ifPause: 'Jeda Kontena Semasa Penciptaan',
         ifMakeImageWithContainer: 'Cipta Imej Baru daripada Kontena Ini?',
+        finishTime: 'Masa berhenti terakhir',
     },
     cronjob: {
         create: 'Cipta tugas cron',

frontend/src/lang/modules/pt-br.ts

@@ -1024,6 +1024,7 @@ const message = {
         author: 'Autor',
         ifPause: 'Pausar container durante a criação',
         ifMakeImageWithContainer: 'Criar nova imagem a partir deste container?',
+        finishTime: 'Horário da última parada',
     },
     cronjob: {
         create: 'Criar tarefa cron',

frontend/src/lang/modules/ru.ts

@@ -1022,6 +1022,7 @@ const message = {
         author: 'Автор',
         ifPause: 'Приостановить контейнер во время создания',
         ifMakeImageWithContainer: 'Создать новый образ из этого контейнера?',
+        finishTime: 'Время последней остановки',
     },
     cronjob: {
         create: 'Создать задачу cron',

frontend/src/lang/modules/tr.ts

@@ -1044,6 +1044,7 @@ const message = {
         author: 'Yazar',
         ifPause: 'Oluşturma Sırasında Konteyneri Duraklat',
         ifMakeImageWithContainer: 'Bu Konteynerden Yeni İmaj Oluşturulsun mu?',
+        finishTime: 'Son durdurma zamanı',
     },
     cronjob: {
         create: 'Cron görevi oluştur',

frontend/src/lang/modules/zh-Hant.ts

@@ -980,6 +980,7 @@ const message = {
         author: '作者',
         ifPause: '製作過程中是否暫停容器',
         ifMakeImageWithContainer: '是否根據此容器製作新鏡像？',
+        finishTime: '上一次停止時間',
     },
     cronjob: {
         create: '建立計劃任務',

frontend/src/lang/modules/zh.ts

@@ -980,6 +980,7 @@ const message = {
         author: '作者',
         ifPause: '制作过程中是否暂停容器',
         ifMakeImageWithContainer: '是否根据此容器制作新镜像？',
+        finishTime: '上一次停止时间',
     },
     cronjob: {
         create: '创建计划任务',

frontend/src/views/container/container/index.vue

@@ -337,7 +337,7 @@
 
         <OpDialog ref="opRef" @search="search" />
 
-        <CodemirrorDrawer ref="myDetail" />
+        <ContainerInspectDialog ref="containerInspectRef" />
         <PruneDialog @search="search" ref="dialogPruneRef" />
 
         <RenameDialog @search="search" ref="dialogRenameRef" />
@@ -358,7 +358,7 @@ import UpgradeDialog from '@/views/container/container/upgrade/index.vue';
 import CommitDialog from '@/views/container/container/commit/index.vue';
 import MonitorDialog from '@/views/container/container/monitor/index.vue';
 import TerminalDialog from '@/views/container/container/terminal/index.vue';
-import CodemirrorDrawer from '@/components/codemirror-pro/drawer.vue';
+import ContainerInspectDialog from '@/views/container/container/inspect/index.vue';
 import PortJumpDialog from '@/components/port-jump/index.vue';
 import DockerStatus from '@/views/container/docker-status/index.vue';
 import ContainerLogDialog from '@/components/log/container-drawer/index.vue';
@@ -431,7 +431,7 @@ const props = withDefaults(defineProps<Filters>(), {
     filters: '',
 });
 
-const myDetail = ref();
+const containerInspectRef = ref();
 
 const dialogContainerLogRef = ref();
 const dialogRenameRef = ref();
@@ -611,13 +611,7 @@ const onTerminal = (row: any) => {
 
 const onInspect = async (id: string) => {
     const res = await inspect({ id: id, type: 'container' });
-    let detailInfo = JSON.stringify(JSON.parse(res.data), null, 2);
-    let param = {
-        header: i18n.global.t('commons.button.view'),
-        detailInfo: detailInfo,
-        mode: 'json',
-    };
-    myDetail.value!.acceptParams(param);
+    containerInspectRef.value!.acceptParams({ data: res.data });
 };
 
 const onClean = () => {