feat(core): add ai onboarding (#6544)

packages/frontend/core/src/hooks/use-blur-root.ts

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+
+export const useBlurRoot = (blur: boolean) => {
+  // blur modal background, can't use css: `backdrop-filter: blur()`,
+  // because it won't behave as expected on client side (texts over transparent window are not blurred)
+  useEffect(() => {
+    const appDom = document.querySelector('#app') as HTMLElement;
+    if (!appDom) return;
+    appDom.style.filter = blur ? 'blur(7px)' : 'none';
+    return () => {
+      appDom.style.filter = 'none';
+    };
+  }, [blur]);
+};