feat(core): add draghandle to doc page title (#9079)

fix AF-1846

packages/frontend/component/src/ui/drag-handle/index.css.ts

@@ -0,0 +1,19 @@
+import { cssVarV2 } from '@toeverything/theme/v2';
+import { style } from '@vanilla-extract/css';
+
+export const root = style({
+  cursor: 'grab',
+  color: cssVarV2.icon.secondary,
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+});
+
+export const svg = style({
+  borderRadius: 8,
+  selectors: {
+    [`${root}[data-dragging="true"] &, ${root}:hover &`]: {
+      backgroundColor: cssVarV2.layer.background.hoverOverlay,
+    },
+  },
+});