[BUG] Create Dedicated Seller Orders Dashboard

[Abhishek-Punhani]

Description

Currently, when sellers click on the "Orders" button in the My Listings section, they are redirected to a generic /orders page that mixes all their order interactions (both personal purchases and customer sales). This creates confusion and lacks seller-specific business features like revenue tracking, fulfillment management, and sales analytics.

The core problem: Sellers need a dedicated dashboard that shows ONLY orders that customers placed on THEIR listings, with business intelligence features to manage and grow their shop.

Current Behavior

When clicking "Orders" in My Listings:

• User is redirected to /orders which loads the generic OrdersDashboard component
• The page displays ALL orders the user has been involved with (both as buyer AND seller)
• Orders are shown in a unified messaging interface designed for general order communication
• No distinction between personal purchases and customer sales

Expected Behavior

When clicking "Orders" in My Listings:

• User is taken to a dedicated Seller Orders Dashboard (/my-listings/orders or similar)
• Page displays ONLY orders where the user is the seller (customer purchases)
• Clean, seller-focused interface with:
  • Revenue and sales metrics card
  • Order list filtered to sales only
  • Order fulfillment workflow (confirm, ship, track)
  • Integrated customer communication
  • Sales analytics and trends
  • Most popular products tracking
  • Customer ratings and reviews

Expected UX: Seller sees clear, organized business operations dashboard

Steps to Reproduce

1. Sign in as a user with active product listings
2. Navigate to My Listings page
3. Click on the Orders button
4. Observe that /orders page loads with all user orders mixed together

Next.js Version

16.1.7

Operating System

Linux (Other)

Node.js Version

v20.19.5

Browser

Chrome

Screenshots

No response

Additional Context

No response

Code of Conduct

• I agree to follow this project's Code of Conduct