#26458 Product page(mobile)

- Set the flickity option property prevNextButons/pageDots value to true for both the main slider and the thumbnail media
- Hide the arrows on the main slider if the breakpoint is mobile; hide the arrows and page dots on thumbnail if the breakpoint is desktop
- Center aligns the product vendor, title, product price, and the review rating.
- Wrap a new parent element for both color selection and quantity selection elements and add a class 'flex', 'justify-between'
- Set the width of color and quantity selection to 45% on mobile breakpoints.
- Hide the product information element on mobile
- Create a new accordion element for the product information and hide it on desktop
- Interpolate the data of product description, more information, ingredients, and reviews to the accordion elements
- Create an event listener 'click' that has a function that will toggle slide the accordion
