feat: 端口管理页面添加网卡功能和服务器背板可视化

- 在端口管理页面添加网卡管理功能，与3D可视化页面同步
- 新增 ServerBackplanePanel 组件，按真实服务器背板布局展示网卡和端口
- 支持板载网卡、管理口、PCIe扩展插槽的可视化展示
- 添加网卡-端口层级展示，点击网卡可查看端口详情
- 更新 VirtualDeviceList 组件，集成服务器背板视图

frontend/src/components/DeviceDetailDrawer.jsx

@@ -183,9 +183,13 @@ function DeviceDetailDrawer({ device, visible, onClose, cables, onRefreshCables,
   return (
     <Drawer
       title={
-        <Space>
-          <CloudServerOutlined style={{ color: designTokens.colors.primary }} />
-          <span>设备详情 - {device.name}</span>
+        <Space style={{ maxWidth: '280px', overflow: 'hidden' }}>
+          <CloudServerOutlined style={{ color: designTokens.colors.primary, flexShrink: 0 }} />
+          <span style={{
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+          }}>设备详情 - {device.name}</span>
         </Space>
       }
       placement="right"