refactor: add beej mantra in product description page

components/products/AddToCardLeftSection.jsx

@@ -143,6 +143,13 @@ const ProductGallery = ({ productId }) => {
           <h2 className="my-1">100% Secured Payment</h2>
           <h2>Authenticity Guaranteed</h2>
         </div>
+        <div className="mt-8 border-t pt-6 hidden md:block">
+          <h2 className="text-xl font-semibold mb-4">Beej Mantra</h2>
+          <div
+            dangerouslySetInnerHTML={{ __html: product.beej_mantra }}
+            className="text-sm prose prose-sm max-w-none"
+          />
+        </div>
       </div>
     </div>
   );

components/products/AddToCardRightSection.jsx

@@ -221,7 +221,7 @@ function ProductDetails({ productId }) {
             className="text-sm prose prose-sm max-w-none"
           />
         </div>
-        <div className="mt-8 border-t pt-6">
+        <div className="mt-8 border-t pt-6 block md:hidden">
           <h2 className="text-xl font-semibold mb-4">Beej Mantra</h2>
           <div
             dangerouslySetInnerHTML={{ __html: product.beej_mantra }}