💄 style: fix notification i18n flat keys, badge clipping, and multi-line content

locales/en-US/notification.json

@@ -1,11 +1,9 @@
 {
   "image_generation_completed": "Image \"{{prompt}}\" generated successfully",
   "image_generation_completed_title": "Image Generated",
-  "inbox": {
-    "empty": "No notifications yet",
-    "markAllRead": "Mark all as read",
-    "title": "Notifications"
-  },
+  "inbox.empty": "No notifications yet",
+  "inbox.markAllRead": "Mark all as read",
+  "inbox.title": "Notifications",
   "video_generation_completed": "Video \"{{prompt}}\" generated successfully",
   "video_generation_completed_title": "Video Generated"
 }

locales/zh-CN/notification.json

@@ -1,11 +1,9 @@
 {
   "image_generation_completed": "图片 \"{{prompt}}\" 已生成完成",
   "image_generation_completed_title": "图片已生成",
-  "inbox": {
-    "empty": "暂无通知",
-    "markAllRead": "全部标为已读",
-    "title": "通知"
-  },
+  "inbox.empty": "暂无通知",
+  "inbox.markAllRead": "全部标为已读",
+  "inbox.title": "通知",
   "video_generation_completed": "视频 \"{{prompt}}\" 已生成完成",
   "video_generation_completed_title": "视频已生成"
 }

src/features/NavPanel/SideBarHeaderLayout.tsx

@@ -128,15 +128,7 @@ const SideBarHeaderLayout = memo<SideBarHeaderLayoutProps>(
         padding={6}
       >
         {leftContent}
-        <Flexbox
-          horizontal
-          align={'center'}
-          gap={2}
-          justify={'flex-end'}
-          style={{
-            overflow: 'hidden',
-          }}
-        >
+        <Flexbox horizontal align={'center'} gap={2} justify={'flex-end'}>
           {showTogglePanelButton && <ToggleLeftPanelButton />}
           {right}
         </Flexbox>

src/routes/(main)/home/_layout/Header/components/InboxDrawer/NotificationItem.tsx

@@ -109,7 +109,7 @@ const NotificationItem = memo<NotificationItemProps>(
                 </Text>
               </Flexbox>
             </Flexbox>
-            <Text ellipsis fontSize={12} type="secondary">
+            <Text ellipsis={{ rows: 3 }} fontSize={12} type="secondary">
               {content}
             </Text>
           </Flexbox>