Refactor Dashboard components and styles; update icon colors

- Updated icon stroke and fill colors from `var(--text-button-color)` to `var(--text-color)` for consistency.
- Refactored `Dashboard` component to utilize a new `DashboardMain` component for better structure.
- Enhanced `DashboardMain` to manage project data fetching and rendering based on active folder and subfolder.
- Implemented socket handling for project actions (add, delete, update, duplicate) in `ProjectSocketRes`.
- Improved styles in `_dashboard.scss` for buttons and project cards, including hover effects and layout adjustments.

app/src/components/Dashboard/DashboardTutorial.tsx

@@ -24,6 +24,12 @@ const DashboardTutorial = () => {
 
         }
     }
+
+
+    const [openKebabProjectId, setOpenKebabProjectId] = useState<string | null>(
+      null
+    );
+
     useEffect(() => {
         handleIcon()
     }, [])
@@ -40,6 +46,8 @@ const DashboardTutorial = () => {
                 projectName={tutorials.projectName}
                 thumbnail={tutorials.thumbnail}
                 projectId={tutorials._id}
+                openKebabProjectId={openKebabProjectId}
+                setOpenKebabProjectId={setOpenKebabProjectId}
             />
         ));
     };