feat: implement plans dashboard

[Yunusabdul38]

Pull Request: Implement Plan Page Components and Functionality

Issue: Implement Plan Page components and functionality as per the provided Figma design, including empty and populated plan states, create inheritance form, plan overview, and related modals.

Description:

This pull request addresses the implementation of the Plan page within the user's dashboard, located in the pre-created folder. It encompasses the following:

• Component Implementation:
  • Implemented inputs, textarea, and sg-icons components to match the Figma design.
  • Developed components for displaying the Plan page in both empty (no plan created) and populated (plan created) states.
  • Created the Create Inheritance form, including all necessary input fields and validation.
  • Implemented the Plan Created Successfully modal.
  • Developed the Plan Overview page, incorporating the Execute, Override, and Delete Plan modals.
• Functionality:
  • Integrated the Create Inheritance form to allow users to create new plans.
  • Implemented the Plan Created Successfully modal to provide feedback after successful plan creation.
  • Added functionality to the Plan Overview page, including actions for executing, overriding, and deleting plans.
  • Responsive design for tablet, mobile, and desktop screen sizes.
• Build Process:
  • Executed npm run build to ensure the application builds successfully.

Implementation Details:

• Components are located in the designated folder within the user's dashboard.
• Responsive design is achieved using appropriate media queries and flexible layout techniques.
• Input validation is implemented to ensure data integrity.
• The code follows the project's coding style and best practices.

Steps Taken:

1. Starred the repository as required.
2. Implemented all components and functionality according to the Figma design.
3. Ensured responsiveness across all screen sizes.
4. Thoroughly tested the functionality and UI.
5. Ran npm run build to verify a successful build.

ETA: [Provide your estimated time of arrival for this pull request to be merged. Example: 2 days]

Questions:

[If you have any specific questions for the maintainer, list them here.]

Screenshots/GIFs:

[Include screenshots or GIFs showcasing the implemented functionality and UI, especially for different screen sizes and modal states.]

Checklist:

• Starred the repository.
• Implemented all required components and functionality.
• Ensured responsiveness across all screen sizes.
• Tested the functionality and UI.
• Ran npm run build successfully.
• Code follows project coding style and best practices.
• Added relevant documentation (if applicable).

close: #43