T16: Product Detail Page implementation

[deniz-9]

• [x] When a product is clicked it should navigate to Product Detail Page with proper URL

  • [x] URL should be like: shop/:gender/:categoryName/:categoryId/:productNameSlug/:productId
  • [x] On Product Card mouse sign should be pointer, and it should have an effect on hover to specify it is clickable
  • [x] Product Detail Page should be filled with real product data

• [x] Fetch product

  • [x] by thunk action and save it in the product reducer
  • [x] endpoint /products/:productId
  • [x] in response you will get Object like below:

   {
    "id": 322,
    "name": "Gri Regular Astar",
    "description": "Gri Regular Astar Detaylı Dokuma Blazer Ceket TWOAW20CE0316",
    "price": 461.99,
    "stock": 140,
    "store_id": 1,
    "category_id": 3,
    "rating": 3.64,
    "sell_count": 281,
    "images": [
        {
            "url": "https://cdn.dsmcdn.com/ty181/product/media/images/20210923/14/135755138/57457659/1/1_org_zoom.jpg",
            "index": 0
        }
    ]
  }

• [x] While fetching product data, a loading spinner should be shown on the screen

• [x] After getting response you need to

  • [x] Set product to Product Reducer
  • [x] You should show product details in the UI (shopping page)

• [x] Product Detail Page should have back button