Add stall view and product detail dialog in market module

- Introduced a new route for viewing individual stalls, allowing users to navigate to a specific stall's page.
- Created a ProductDetailDialog component to display detailed information about products, including images, descriptions, and stock status.
- Updated MarketPage to handle stall navigation and integrate the new dialog for product details.

These enhancements improve the user experience by providing more detailed product information and easier navigation within the market module.

src/modules/market/views/MarketPage.vue

@@ -81,6 +81,7 @@
           :product="product"
           @add-to-cart="addToCart"
           @view-details="viewProduct"
+          @view-stall="viewStall"
         />
       </div>
 
@@ -164,6 +165,11 @@ const viewProduct = (_product: any) => {
   // TODO: Navigate to product detail page
 }
 
+const viewStall = (stallId: string) => {
+  // Navigate to the stall view page
+  router.push(`/market/stall/${stallId}`)
+}
+
 const viewCart = () => {
   router.push('/cart')
 }