T16: Product Detail Page implementation

[replakcan]

     {
      "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] 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:

• [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

• [ ] 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