refactor: make shooping cart responsive and resolve api converter currency issue

components/shopping-cart/emptyCart.jsx

@@ -23,7 +23,7 @@ const EmptyCart = () => {
           </div>
           
           <Link
-           href='/pages/buy-rudraksha'
+           href='/'
             className="bg-[#c19a5b] hover:bg-[#ab885b] text-white px-8 py-3 font-medium transition-colors"
           >
             Continue Shopping

components/shopping-cart/shoppingCart.jsx

@@ -235,14 +235,14 @@ const ShoppingCart = () => {
 
         <div className="flex flex-col sm:flex-row gap-4 sm:gap-8 mt-8">
           <button className="text-[#c19a5b] hover:text-[#ab885b] font-medium order-2 sm:order-1">
-            ← CONTINUE SHOPPING
+            <Link href="/">← CONTINUE SHOPPING</Link>
           </button>
           <button className="text-[#c19a5b] hover:text-[#ab885b] sm:ml-auto font-medium order-1 sm:order-2">
             CLEAR SHOPPING CART
           </button>
         </div>
 
-        <div className="flex justify-center ml-96 mr-96">
+        <div className="flex justify-center lg:ml-96 lg:mr-96 mt-10 lg:mt-0">
           <div className="space-y-4 w-full max-w-md mx-auto lg:max-w-none">
             <div className="flex justify-between">
               <span>SUBTOTAL</span>