fix: add missing Popover import in DetailHeader (#476)

* fix: add missing Popover import in DetailHeader

The TagsInline component uses Popover to display hidden tags when
they overflow the container width, but Popover was not imported from
antd. This caused a runtime error when datasets had many tags (>5),
triggering ErrorBoundary and redirecting users to homepage.

Root cause: Line 3 imported Card, Button, Tag, Tooltip, Modal but
missing Popover, while Popover was used at lines 193-215.

Fix: Add Popover to the antd import statement.

* fix: correct Tag id type from number to string (UUID)

The backend returns Tag objects with UUID string IDs, but frontend components
AddTagPopover and DetailHeader defined Tag interface with id: number, causing
type mismatch and potential display issues.

Changes:
- AddTagPopover.tsx: interface Tag { id: number } → { id: string }
- DetailHeader.tsx: TagConfig and TagsInline interfaces updated to id: string

This aligns with:
- Backend: TagResponse.java returns UUID string
- dataset.model.ts: TagItem interface already correctly defines id: string

---------

Co-authored-by: jason <jason@example.com>

Author: JasonW404

frontend/src/components/AddTagPopover.tsx

@@ -4,7 +4,7 @@ import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 interface Tag {
-  id: number;
+  id: string;
   name: string;
   color: string;
 }

frontend/src/components/DetailHeader.tsx

@@ -1,6 +1,6 @@
 import React, { useLayoutEffect, useEffect, useRef, useState, useCallback, useMemo } from "react";
 import { Database } from "lucide-react";
-import { Card, Button, Tag, Tooltip, Modal } from "antd";
+import { Card, Button, Tag, Tooltip, Modal, Popover } from "antd";
 import type { ItemType } from "antd/es/menu/interface";
 import AddTagPopover from "./AddTagPopover";
 import ActionDropdown from "./ActionDropdown";
@@ -32,9 +32,9 @@ interface OperationItem {
 
 interface TagConfig {
   showAdd: boolean;
-  tags: Array<{ id: number; name: string; color: string } | string>;
+  tags: Array<{ id: string; name: string; color: string } | string>;
   onFetchTags?: () => Promise<{
-    data: { id: number; name: string; color: string }[];
+    data: { id: string; name: string; color: string }[];
   }>;
   onAddTag?: (tag: string) => void;
   onCreateAndTag?: (tagName: string) => void;
@@ -48,7 +48,7 @@ interface DetailHeaderProps<T> {
 }
 
 // 标签单行渲染组件
-const TagsInline = ({ tags }: { tags: Array<{ id: number; name: string; color: string } | string> }) => {
+const TagsInline = ({ tags }: { tags: Array<{ id: string; name: string; color: string } | string> }) => {
   const containerRef = useRef<HTMLDivElement>(null);
   const tagsAreaRef = useRef<HTMLDivElement>(null);
   const [visibleTags, setVisibleTags] = useState<typeof tags>([]);