Refactor MarketPlace and Scene components; enhance drag-and-drop functionality in DraggableWidget and Panel; add WidgetPlaceHolder component; implement global echo logging interface.

app/src/modules/market/MarketPlace.tsx

@@ -23,6 +23,10 @@ const MarketPlace = () => {
   const [filteredModels, setFilteredModels] = useState<ModelData[]>([]);
   const [isLoading, setisLoading] = useState<boolean>(false); // Loading state
 
+  useEffect(() => {
+    echo.log("opended market place");
+  }, []);
+
   useEffect(() => {
     const filteredAssets = async () => {
       setisLoading(true);
@@ -42,18 +46,16 @@ const MarketPlace = () => {
     <div className="marketplace-wrapper">
       <div className="marketplace-container">
         <div className="marketPlace">
+          <FilterSearch
+            models={models}
+            setModels={setModels}
+            filteredModels={filteredModels}
+          />
           {isLoading ? (
             <SkeletonUI type="assetLibrary" /> // Show loading spinner while fetching
           ) : (
-            <>
-              <FilterSearch
-                models={models}
-                setModels={setModels}
-                filteredModels={filteredModels}
-              />
-              <CardsContainer models={models} />
-            </>
-          )}{" "}
+            <CardsContainer models={models} />
+          )}
         </div>
       </div>
     </div>