fix: drag block issue (#9902)

### Changed
- Added support for changing the preview offset during dragging.
- Fixed the preview rendering for embed block and surface-ref block
- Resolved an issue where the host element might be reused in certain cases, which could cause unexpected behavior
- Moved viewport-related constants and methods to a more appropriate location

packages/frontend/core/src/blocksuite/presets/ai/ai-panel.ts

@@ -117,13 +117,11 @@ function createNewNote(host: EditorHost): AIItemConfig {
             const newNote = doc.getBlock(noteBlockId)?.model;
             if (!newNote || !matchFlavours(newNote, ['affine:note'])) return;
             const newNoteBound = Bound.deserialize(newNote.xywh);
-
             const bounds = [bound, newNoteBound];
-            const { zoom, centerX, centerY } = service.getFitToScreenData(
-              [20, 20, 20, 20],
-              bounds
-            );
-            service.viewport.setViewport(zoom, [centerX, centerY]);
+            service.gfx.fitToScreen({
+              bounds,
+              padding: [20, 20, 20, 20],
+            });
           })
           .catch(err => {
             console.error(err);

packages/frontend/core/src/blocksuite/presets/ai/slides/index.ts

@@ -62,8 +62,7 @@ export const PPTBuilder = (host: EditorHost) => {
         const block = snapshot.snapshot.content[0];
         for (const child of block.children) {
           await addDoc(child);
-          const { centerX, centerY, zoom } = service.getFitToScreenData();
-          service.viewport.setViewport(zoom, [centerX, centerY]);
+          service.gfx.fitToScreen();
         }
       } catch (e) {
         console.error(e);

packages/frontend/core/src/modules/peek-view/view/doc-preview/doc-peek-view.tsx

@@ -64,12 +64,9 @@ function fitViewport(
         false
       );
     } else {
-      const data = rootService.getFitToScreenData();
-      rootService.viewport.setViewport(
-        data.zoom,
-        [data.centerX, data.centerY],
-        false
-      );
+      rootService.gfx.fitToScreen({
+        smooth: false,
+      });
     }
   } catch (e) {
     logger.warn('failed to fitViewPort', e);