fix(core): should sync name after renaming in pdf embed view (#9398)

https://github.com/user-attachments/assets/f6a3d7b8-9ae3-4d8f-833f-d7aca1e0fffa

packages/frontend/core/src/components/attachment-viewer/pdf-viewer-embedded-inner.tsx

@@ -67,6 +67,7 @@ export function PDFViewerEmbeddedInner({ model }: PDFViewerProps) {
     useMemo(() => (pageEntity ? pageEntity.page.bitmap$ : null), [pageEntity])
   );
 
+  const [name, setName] = useState(model.name);
   const [cursor, setCursor] = useState(0);
   const [isLoading, setIsLoading] = useState(true);
   const [visibility, setVisibility] = useState(false);
@@ -107,6 +108,8 @@ export function PDFViewerEmbeddedInner({ model }: PDFViewerProps) {
     };
   }, [cursor, meta, peek]);
 
+  useEffect(() => model.name$.subscribe(val => setName(val)), [model]);
+
   useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -244,7 +247,9 @@ export function PDFViewerEmbeddedInner({ model }: PDFViewerProps) {
           className={clsx([embeddedStyles.pdfFooterItem, { truncate: true }])}
         >
           <AttachmentIcon />
-          <span className={embeddedStyles.pdfTitle}>{model.name}</span>
+          <span className={clsx([embeddedStyles.pdfTitle, 'pdf-name'])}>
+            {name}
+          </span>
         </div>
         <div
           className={clsx([