Refactor Outline Component and Styles

- Removed the Outline component from MainScene and SideBarLeft.
- Deleted outline.css and integrated styles into a new _assetOutline.scss file.
- Updated Outline component to use new styles and improved structure.
- Added functionality for collapsing all groups in the Outline.
- Enhanced drag-and-drop functionality for asset management.
- Improved accessibility and usability of the Outline component.

app/src/components/layout/sidebarLeft/SideBarLeft.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import ToggleHeader from "../../ui/inputs/ToggleHeader";
-import Outline from "./Outline";
+// import Outline from "./Outline";
 import Header from "./Header";
 import { useToggleStore } from "../../../store/ui/useUIToggleStore";
 import Assets from "./assetList/Assets";
@@ -9,6 +9,7 @@ import Widgets from "./visualization/widgets/Widgets";
 import Templates from "../../../modules/visualization/template/Templates";
 import Search from "../../ui/inputs/Search";
 import { useIsComparing } from "../../../store/builder/store";
+import { Outline } from "../../../modules/builder/testUi/outline";
 
 const SideBarLeft: React.FC = () => {
     const [activeOption, setActiveOption] = useState("Widgets");