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/styles/layout/sidebar.scss

@@ -1392,4 +1392,36 @@
       }
     }
   }
-}
+}
+
+
+.skeleton-wrapper {
+  display: flex;
+
+  .skeleton-content {}
+
+  .asset-name {
+    width: 40%;
+    height: 10px;
+  }
+
+  .asset {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+
+
+
+.sidebar-left-wrapper,
+.sidebar-right-wrapper {
+  height: calc(50vh + 150px);
+  overflow-y: hidden;
+  transition: height 0.4s ease-in-out;
+}
+
+.sidebar-left-wrapper.closed,
+.sidebar-right-wrapper.closed {
+  height: 52px;
+}