fix: changed component colors name to not override existing colors, fixed responsiveness issues on main, playground and nav

[lucaseduoli]

This pull request includes several changes to improve the styling and functionality of various components in the frontend. The most important changes involve the removal of redundant CSS variables, updates to class names for consistency, and the replacement of color variables to better reflect their purpose.

Styling Improvements:

• Removed redundant CSS variables and simplified the selected color styling in src/frontend/src/App.css.
• Updated class names and color variables in NodeDescription and NodeOutputField components to improve readability and maintain consistency. [1] [2] [3]

Functional Enhancements:

• Replaced accent color variables with datatype color variables in the HandleRenderComponent to better reflect their purpose and improve code clarity. [1] [2] [3]
• Removed unused functions and simplified the structure in the HandleRenderComponent to enhance maintainability. [1] [2] [3] [4]

Additional Updates:

• Modified navigation logic and adjusted layout in the MenuBar component to improve user experience. [1] [2] [3] [4] [5]
• Added a Separator component to the IOModal for better visual separation of elements. [1] [2] [3] [4]
• Updated color variables in various components to ensure consistent theming across the application. [1] [2] [3] [4]

[Cristhianzl]

lgtm