Refactor and optimize Dashboard.tsx and Sidepane.tsx components

[Hemanthr1]

Issue Description

The Dashboard.tsx and Sidepane.tsx components are currently the largest components in our frontend codebase. They may be causing performance issues and are difficult to maintain due to their size and complexity. We need to refactor these components to improve performance, readability, and maintainability.

Environment

For Frontend Issues:

• Browser: All modern browsers

Steps to Reproduce

N/A - This is an enhancement issue for refactoring and optimizing existing components.

Expected Behavior

After refactoring and optimization:

• Improved rendering performance for Dashboard.tsx and Sidepane.tsx
• Reduced component complexity and improved readability
• Better separation of concerns within each component
• Easier maintenance and future development of these components
• Potential reduction in bundle size

Actual Behavior

• Dashboard.tsx and Sidepane.tsx are large, complex components
• Possible performance issues, especially on lower-end devices
• Difficult to maintain and extend due to their size and complexity
• Potential unnecessary re-renders or inefficient data flow

Additional Context

• These components are critical to the user experience and overall performance of the application
• The refactoring should be done carefully to avoid introducing new bugs
• Consider breaking down the components into smaller, more manageable pieces
• Look for opportunities to use React's performance optimization features (e.g., useMemo, useCallback, React.memo)
• Consider implementing code splitting or lazy loading for different views or sections

This refactored version:

• Splits the content rendering into separate components
• Uses useMemo and useCallback for performance optimization
• Uses common components for loading and error states
• Applies React.memo to prevent unnecessary re-renders of the entire Dashboard

After refactoring, conduct thorough testing to ensure no functionality has been broken and to measure the performance improvements.