Fix redundant nested product route in App.js

### Bug
The product route is currently nested:
```jsx
<Route path='/product' element={<Product />}>
  <Route path=':productId' element={<Product />} />
</Route>

This requires <Outlet /> in Product component, which isn’t present.
As a result, /product/:productId does not work as expected.

