Implement "Add Product" Functionality in Vendor Dashboard

[ambroisegithub]

Description

This pull request aims to enable vendors to add new products to their inventory via the vendor dashboard. It involves creating a form for product details, integrating it with Redux Toolkit for state management, implementing POST methods to send product data to the backend API, and ensuring functionality and reliability through comprehensive unit testing.

Acceptance Criteria

• [ ] Implement a form in the vendor dashboard for adding new products.
• [ ] Integrate form state management with Redux Toolkit.
• [ ] Validate input fields (name, price, category, etc.) to ensure data integrity.
• [ ] Integrate with backend API endpoint for posting new product data.
• [ ] Handle success and error responses from the API.
• [ ] Display appropriate feedback messages for the user.
• [ ] Write unit tests to verify form submission and API integration.

  Tasks

  • Design Form Components

• Create React components for the product form inputs.

• Use TailwindCSS for styling and responsiveness.

• Implement Form Validation

• Validate input fields on the client-side for required fields and format (e.g., price, dates).

• Display error messages for invalid input.

• Integrate with Backend API

• Develop POST methods to send product data to the backend API.

• Handle success and error responses from the API.

• Write Unit Tests

• Write Jest/Testing Library tests to verify form submission, validation, and API integration.

  Definition of Done

• The product form is implemented and styled according to design specifications.

• Form inputs are validated for correctness and completeness.

• Integration with backend API for posting new products is functional.

• Unit tests are written and passing, covering form submission and API interactions.

[netlify[bot]]

❌ Deploy Preview for dynamite-frontend failed.

Name	Link
🔨 Latest commit	1aba0bfd498cf54740e7c3587ae7496b40f69f09
🔍 Latest deploy log	https://app.netlify.com/sites/dynamite-frontend/deploys/668a710d4b089c00082e32be

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 10.86142% with 238 lines in your changes missing coverage. Please review.

Project coverage is 81.15%. Comparing base (633e0ac) to head (257ad0b). Report is 2 commits behind head on develop.

Files	Patch %	Lines
...mponents/dashboard/vendor/contents/addProducts.tsx	5.04%	207 Missing :warning:
src/layout/VendorDashbordLayout.tsx	31.57%	13 Missing :warning:
...components/dashboard/DashboardComponent/NavBar.tsx	18.18%	9 Missing :warning:
...omponents/dashboard/DashboardComponent/SideBar.tsx	18.18%	9 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## develop #67 +/- ## =========================================== - Coverage 88.20% 81.15% -7.06% =========================================== Files 32 44 +12 Lines 2179 2876 +697 Branches 146 188 +42 =========================================== + Hits 1922 2334 +412 - Misses 253 538 +285 Partials 4 4 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.