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/analysis/ROISummary.scss

@@ -1,3 +1,6 @@
+@use "../../abstracts/variables" as *;
+@use "../../abstracts/mixins" as *;
+
 .roiSummary-container {
     .roiSummary-wrapper {
         background-color: var(--background-color);
@@ -64,7 +67,7 @@
                     width: 100%;
                     border-radius: 6px;
                     border: 1px solid #00FF56;
-                    background: #436D51;
+                    background: #17eb5d65;
                     display: flex;
                     flex-direction: column;
                     padding: 4px 6px;
@@ -223,12 +226,11 @@
             background: none;
 
             .btn {
-                background-color: var(--accent-color);
-                color: var(--background-color);
-                padding: 4px 6px;
-                border-radius: 5px;
+                color: var(--text-button-color);
+                background: var(--background-color-button);
+                padding: 4px 12px;
+                border-radius: #{$border-radius-large};
                 display: inline-block;
-                font-size: 14px;
                 text-align: center;
             }
         }
@@ -244,7 +246,6 @@
             height: 250px;
             border-radius: 50%;
             position: relative;
-            transition: background 0.5s ease;
         }
         .progress-cover {
             position: absolute;
@@ -252,7 +253,6 @@
             height: 75%;
             top: 12.5%;
             left: 12.5%;
-            background: #000000cc;
             border-radius: 50%;
         }
     }