fix infinite loading on component docs and playground

Author: raheeliftikhar5

client/packages/lowcoder/src/pages/ComponentDoc/index.tsx

@@ -14,6 +14,7 @@ import {
 import { ExampleContext } from "./ExampleContext";
 import { trans } from "i18n";
 import { Helmet } from "react-helmet";
+import { LoadingBarHideTrigger } from "@lowcoder-ee/util/hideLoading";
 
 type CompInfo = UICompManifest & { key: string };
 const groups: Partial<Record<UICompCategory, CompInfo[]>> = {};
@@ -109,6 +110,7 @@ export default function ComponentDoc() {
         <link rel="iframely" type="text/html" href={window.location.href} media="(aspect-ratio: 1280/720)"/>,
       </Helmet>
       <Wrapper>
+        <LoadingBarHideTrigger />
         <div className="main">
           <div className="sidebar">
             <div className="search">

client/packages/lowcoder/src/pages/ComponentPlayground/index.tsx

@@ -8,6 +8,7 @@ import { EditorContext, EditorState } from "comps/editorState";
 import { RootComp } from "comps/comps/rootComp";
 import { useMemo } from "react";
 import { lazyLoadComp } from "@lowcoder-ee/comps/comps/lazyLoadComp/lazyLoadComp";
+import { LoadingBarHideTrigger } from "@lowcoder-ee/util/hideLoading";
 
 type CompInfo = UICompManifest & { key: string };
 const groups: Partial<Record<UICompCategory, CompInfo[]>> = {};
@@ -72,6 +73,7 @@ export default function ComponentPlayground() {
 
   return (
     <Wrapper>
+      <LoadingBarHideTrigger />
       <div className="content">
         <EditorContext.Provider value={editorState}>
           <CompPlayground