Refactor RealTimeVisualization component and handle widget drop functionality

- Commented out the handleDrop function in RealTimeVisualization.tsx and moved its logic to a new utility function createHandleDrop for better separation of concerns.
- Updated Project.tsx to utilize the new createHandleDrop function, improving readability and maintainability.
- Enhanced styling for the scene container and real-time visualization components to improve layout and responsiveness.
- Removed unnecessary styles and consolidated button and input styles for consistency.
- Cleaned up unused imports and variables in various files to streamline the codebase.

app/src/styles/components/tools.scss

@@ -15,7 +15,7 @@
   transition: width 0.2s;
   background: var(--background-color);
   backdrop-filter: blur(8px);
-  z-index: #{$z-index-default};
+  z-index: 2;
   outline: 1px solid var(--border-color);
   outline-offset: -1px;