[FEAT] Implement Global Context and Guided Multistep Form structure, page UI/layout for Vendor Dashboard on Website

[ShivanshPlays]

Issue: Implement Global Context and Guided Multistep Form structure, page UI/layout for Vendor Dashboard on Website

Description

This issue focuses on enhancing the vendor dashboard page by integrating a global context for a guided multistep form tailored to the dish schema. The goal is to streamline the process for vendors to add their dishes to the platform. The dashboard will conditionally render the dishes associated with a vendor, allowing them to manage their existing dishes. If no dishes are present, the vendor will be prompted to follow a step-by-step guided form to add their first dish.

Tasks will be divided into 2 PRs

1. Global Context for Guided Multistep Form

• Create a global context provider to manage the state and data flow for the guided multistep form.
• Ensure that the context holds necessary information related to the dish schema, including:
  • Dish Name
  • Description
  • Price
  • Category
  • Tags
• Implement actions within the context to handle state updates and form submissions.

Dashboard Page Logic

• Implement logic on the dashboard page to conditionally render the list of dishes for the logged-in vendor.
• If one or more dishes are present, display the dishes. This page will be implemented after completion of this multistep form
• If no dishes are present, display the guided multistep form to prompt the vendor to add their first dish.

2. Guided Multistep Form Structure

• Design the structure of the guided multistep form to ensure a smooth user experience
• UI of the overall page

Implementation Details

• Use appropriate hooks to manage state within the global context and the guided form.
• Provide user feedback during form submission (e.g., loading states, success messages).

[github-actions]

🎉 Thank you for your interest in contributing to this repository! Please wait while we review and assign this issue to you. In the meantime, feel free to ⭐ the repo to stay updated on future developments.

Stay awesome! 😎