Title: Refactor Class Components to Functional Components

Description:
Currently, several components in the project are implemented as class components. To align with modern React best practices and improve maintainability, we propose refactoring these class components to functional components.

Components to Refactor:

1. Dashboard.jsx
2. Header.jsx
3. Sidebar.jsx
4. A.jsx
5. Workflow.jsx
6. BodyWidget.jsx
7. Properties.jsx
8. SidebarWidget.tsx
9. TrayItemWidget.tsx
10. TrayWidget.tsx
11. B.jsx
12. Home.jsx
13. SignIn.jsx
14. SignUp.jsx
15. ViewData.jsx
16. ViewData_.jsx
17. Table.jsx
18. VisualizeData.jsx
19. PropertiesBar.js
20. SideBar.js
21. PropertiesBar.js

Proposed Changes:

1. Refactor each class component listed above to a functional component.
2. Replace class-based state management with hooks like useState, useEffect, etc.
3. Ensure that the refactored components maintain the same functionality and behavior as the original class components.
4. Remove any unused or redundant code during the refactoring process.

Expected Outcome:
By refactoring the class components to functional components, we aim to improve code readability, maintainability, and performance. This refactoring effort will align our codebase with modern React best practices and set a foundation for future enhancements and optimizations.