feat: Implement loading skeletons in various components

- Added SkeletonUI component to display loading states in Assets, MarketPlace, ROISummary, ThroughputSummary, and other relevant components.
- Integrated loading state management in Assets and MarketPlace to show skeletons while fetching data.
- Updated styles for skeletons to enhance visual representation during loading.
- Refactored existing components to utilize the new SkeletonUI for better user experience during data loading.
- Adjusted sidebar animations for smoother transitions.

app/src/components/layout/sidebarRight/SideBarRight.tsx

@@ -55,7 +55,7 @@ const SideBarRight: React.FC = () => {
   }, [activeModule, selectedEventData, selectedEventSphere, setSubModule]);
 
   return (
-    <div className="sidebar-right-wrapper">
+    <div className={`sidebar-right-wrapper ${toggleUI ? "open" : "closed"}`}>
       <Header />
       {toggleUI && (
         <div className="sidebar-actions-container">