feat: Update notification settings layout and translations

This commit updates the layout and translations for the notification settings page. It includes changes to the language files to add translations for the new settings tabs, as well as updates to the layout component to reflect the new tab structure. These changes improve the user experience and make the code more maintainable.

Refactor the code to enhance maintainability and readability.

src/i18n/lang/en/layouts.ts

@@ -83,9 +83,12 @@ const layouts: LLayouts = {
     },
     notifications: {
       title: 'Notifications',
-      tabs: {
-        settings: 'Settings',
-        templates: 'Templates',
+      settings: {
+        title: 'Settings',
+        tabs: {
+          overview: 'Overview',
+          template: 'Template',
+        },
       },
     },
     gits: {

src/i18n/lang/zh/layouts.ts

@@ -82,10 +82,13 @@ const layouts: LLayouts = {
       },
     },
     notifications: {
-      title: '通知',
-      tabs: {
-        settings: '设置',
-        templates: '模板',
+      title: '消息通知',
+      settings: {
+        title: '通知配置',
+        tabs: {
+          overview: '概览',
+          template: '模板',
+        },
       },
     },
     gits: {

src/interfaces/i18n/layouts.d.ts

@@ -84,9 +84,12 @@ export declare global {
       };
       notification: {
         title: string;
-        tabs: {
-          settings: string;
-          templates: string;
+        settings: {
+          title: string;
+          tabs: {
+            overview: string;
+            template: string;
+          };
         };
       };
       gits: {

src/router/notification.ts

@@ -12,18 +12,24 @@ const t = translate;
 const endpoint = 'notifications';
 
 export default [
+  {
+    path: endpoint,
+    title: t('layouts.routes.notifications.title'),
+    icon: ['fa', 'envelope'],
+    redirect: to => {
+      return { path: to.path + '/settings' };
+    },
+  },
   {
     name: 'NotificationSettingList',
     path: `${endpoint}/settings`,
     title: t('layouts.routes.notifications.settings.title'),
-    icon: ['fa', 'envelope'],
+    icon: ['fa', 'cog'],
     component: async () => ClNotificationSettingList,
   },
   {
     name: 'NotificationSettingDetail',
     path: `${endpoint}/settings/:id`,
-    title: t('layouts.routes.notifications.settings.title'),
-    icon: ['fa', 'envelope'],
     redirect: to => {
       return { path: to.path + '/' + TAB_NAME_OVERVIEW };
     },