fix: optimize asynchronous handling to prevent UI blocking in various components

fix: add missing showNotice error handling and improve async UI feedback

- Add showNotice error notifications to unlock page async error branches
- Restore showNotice for YAML serialization errors in rules/groups/proxies editor
- Ensure all user-facing async errors are surfaced via showNotice
- Add fade-in animation to layout for smoother theme transition and reduce white screen
- Use requestIdleCallback/setTimeout for heavy UI state updates to avoid UI blocking
- Minor: remove window.showNotice usage, use direct import instead

src/components/profile/profile-viewer.tsx

@@ -184,8 +184,10 @@ export const ProfileViewer = forwardRef<ProfileViewerRef, Props>(
           setTimeout(() => formIns.reset(), 500);
           fileDataRef.current = null;
 
-          // 只传递当前配置激活状态，让父组件决定是否需要触发配置重载
-          props.onChange(isActivating);
+          // 优化：UI先关闭，异步通知父组件
+          setTimeout(() => {
+            props.onChange(isActivating);
+          }, 0);
         } catch (err: any) {
           showNotice("error", err.message || err.toString());
         } finally {
@@ -195,9 +197,11 @@ export const ProfileViewer = forwardRef<ProfileViewerRef, Props>(
     );
 
     const handleClose = () => {
-      setOpen(false);
-      fileDataRef.current = null;
-      setTimeout(() => formIns.reset(), 500);
+      try {
+        setOpen(false);
+        fileDataRef.current = null;
+        setTimeout(() => formIns.reset(), 500);
+      } catch { }
     };
 
     const text = {