refactor: consolidate duplicate NodeVersionStatusBadge components and remove redundant stories

- Merged two NodeVersionStatusBadge implementations into a single comprehensive component
- Removed duplicate components/nodes/NodeVersionStatusBadge.tsx
- Updated imports to use the unified NodeVersionStatusBadge component
- Removed duplicate ContainerComponent.stories.tsx file
- Preserved separate NodeStatusBadge component for node-level status vs version-level status

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: snomiao

components/NodeStatusBadge.tsx

@@ -23,7 +23,7 @@ import {
 import { NodeVersionStatusToReadable } from 'src/mapper/nodeversion'
 import yaml from 'yaml'
 import { z } from 'zod'
-import { NodeStatusBadge } from './NodeStatusBadge'
+import { NodeVersionStatusBadge } from './NodeVersionStatusBadge'
 import { parseIssueList } from './parseIssueList'
 import { parseJsonSafe } from './parseJsonSafe'
 
@@ -266,7 +266,7 @@ export function NodeStatusReason(nv: NodeVersion) {
                                     key={status}
                                     className="flex gap-2 items-center"
                                 >
-                                    <NodeStatusBadge
+                                    <NodeVersionStatusBadge
                                         status={status as NodeVersionStatus}
                                         count={count}
                                     />
@@ -315,7 +315,7 @@ export function NodeStatusReason(nv: NodeVersion) {
                                     }`}
                                 >
                                     <div className="sticky left-0 z-10 flex gap-1 whitespace-nowrap bg-gray-800 w-[8rem] justify-end flex-0 justify-between">
-                                        <NodeStatusBadge
+                                        <NodeVersionStatusBadge
                                             status={
                                                 nv.status as NodeVersionStatus
                                             }

components/NodeStatusReason.tsx

@@ -0,0 +1,76 @@
+import { Badge } from 'flowbite-react'
+import { NodeVersionStatus } from '@/src/api/generated'
+import { NodeVersionStatusToReadable } from 'src/mapper/nodeversion'
+import { useNextTranslation } from '@/src/hooks/i18n'
+
+export function NodeVersionStatusBadge({
+    status,
+    count,
+}: {
+    status?: NodeVersionStatus
+    count?: number
+}) {
+    const { t } = useNextTranslation()
+
+    if (!status) {
+        return null
+    }
+
+    if (status === NodeVersionStatus.NodeVersionStatusActive) {
+        return (
+            <Badge color="success" className="text-[14px]">
+                {t('Live')}
+                {count != null && (
+                    <span> {t('×{{count}}', '×{{count}}', { count })}</span>
+                )}
+            </Badge>
+        )
+    }
+
+    if (
+        status === NodeVersionStatus.NodeVersionStatusPending ||
+        status === NodeVersionStatus.NodeVersionStatusFlagged
+    ) {
+        return (
+            <Badge color="warning" className="text-[14px]">
+                {status === NodeVersionStatus.NodeVersionStatusPending
+                    ? t('Pending Security Review')
+                    : NodeVersionStatusToReadable({ status })}
+                {count != null && (
+                    <span> {t('×{{count}}', '×{{count}}', { count })}</span>
+                )}
+            </Badge>
+        )
+    }
+
+    if (status === NodeVersionStatus.NodeVersionStatusBanned) {
+        return (
+            <Badge color="failure" className="text-[14px]">
+                {t('Rejected')}
+                {count != null && (
+                    <span> {t('×{{count}}', '×{{count}}', { count })}</span>
+                )}
+            </Badge>
+        )
+    }
+
+    return (
+        <Badge
+            color={
+                {
+                    [NodeVersionStatus.NodeVersionStatusActive]: 'success',
+                    [NodeVersionStatus.NodeVersionStatusBanned]: 'failure',
+                    [NodeVersionStatus.NodeVersionStatusFlagged]: 'warning',
+                }[status as NodeVersionStatus] || 'gray'
+            }
+            className="text-[14px]"
+        >
+            {NodeVersionStatusToReadable({ status })}
+            {count != null && (
+                <span> {t('×{{count}}', '×{{count}}', { count })}</span>
+            )}
+        </Badge>
+    )
+}
+
+export default NodeVersionStatusBadge

components/NodeVersionStatusBadge.tsx

@@ -40,7 +40,7 @@ import NodeVersionCompatibilityEditModal from '@/components/admin/NodeVersionCom
 import { CustomPagination } from '@/components/common/CustomPagination'
 import { useSearchParameter } from '@/src/hooks/useSearchParameter'
 import { NodeVersionStatusToReadable } from '@/src/mapper/nodeversion'
-import NodeVersionStatusBadge from '@/components/nodes/NodeVersionStatusBadge'
+import NodeVersionStatusBadge from '@/components/NodeVersionStatusBadge'
 import { usePage } from '@/components/hooks/usePage'
 import { useQueryClient } from '@tanstack/react-query'
 import { toast } from 'react-toastify'

components/nodes/NodeVersionStatusBadge.tsx

@@ -1,7 +1,7 @@
 import { CustomPagination } from '@/components/common/CustomPagination'
 import withAdmin from '@/components/common/HOC/authAdmin'
 import { AdminCreateNodeFormModal } from '@/components/nodes/AdminCreateNodeFormModal'
-import { NodeStatusBadge } from '@/components/NodeStatusBadge'
+import { NodeVersionStatusBadge } from '@/components/NodeVersionStatusBadge'
 import { NodeStatusReason, zStatusReason } from '@/components/NodeStatusReason'
 import { parseJsonSafe } from '@/components/parseJsonSafe'
 import {
@@ -1103,7 +1103,7 @@ function NodeVersionList({}) {
                                     </span>
                                 </Label>
 
-                                <NodeStatusBadge
+                                <NodeVersionStatusBadge
                                     status={nv.status as NodeVersionStatus}
                                 />
                             </div>