preview the special request in mobile screen

src/pages/product/page.tsx

@@ -18,7 +18,11 @@ import ProductFooter from "./components/ProductFooter";
 import Variants from "./components/Variants";
 import styles from "./product.module.css";
 
-export default function ProductDetailPage({ onClose }: { onClose?: () => void }) {
+export default function ProductDetailPage({
+  onClose,
+}: {
+  onClose?: () => void;
+}) {
   const { isRTL } = useAppSelector((state) => state.locale);
   const { isDesktop } = useBreakPoint();
   const [quantity, setQuantity] = useState(1);
@@ -252,20 +256,20 @@ export default function ProductDetailPage({ onClose }: { onClose?: () => void })
                       ...(isRTL ? { marginRight: -5 } : {}),
                     }}
                   >
-                    <ItemDescriptionIcons className={styles.itemDescriptionIcons} />
+                    <ItemDescriptionIcons
+                      className={styles.itemDescriptionIcons}
+                    />
                   </div>
                 </div>
 
-                {isDesktop && (
-                  <div className={styles.quantitySection}>
-                    <ActionsButtons
-                      quantity={quantity}
-                      setQuantity={(quantity) => setQuantity(quantity)}
-                      max={100}
-                      min={1}
-                    />
-                  </div>
-                )}
+                <div className={styles.quantitySection}>
+                  <ActionsButtons
+                    quantity={quantity}
+                    setQuantity={(quantity) => setQuantity(quantity)}
+                    max={100}
+                    min={1}
+                  />
+                </div>
               </div>
             </div>