docs: added customer storefront guides (#7685)

* added customer guides

* fixes to sidebar

* remove old customer registration guide

* fix build error

* generate files

* run linter

www/apps/resources/app/storefront-development/cart/context/page.mdx

@@ -35,7 +35,7 @@ import {
   createContext, 
   useContext, 
   useEffect, 
-  useState
+  useState,
 } from "react"
 import { HttpTypes } from "@medusajs/types"
 import { useRegion } from "./region"
@@ -73,11 +73,11 @@ export const CartProvider = ({ children }: CartProviderProps) => {
         credentials: "include",
         headers: {
           "x-publishable-api-key": process.env.NEXT_PUBLIC_PAK || "temp",
-          "Content-Type": "application/json"
+          "Content-Type": "application/json",
         },
         body: JSON.stringify({
           region_id: region.id,
-        })
+        }),
       })
       .then((res) => res.json())
       .then(({ cart: dataCart }) => {
@@ -87,7 +87,7 @@ export const CartProvider = ({ children }: CartProviderProps) => {
     } else {
       // retrieve cart
       fetch(`http://localhost:9000/store/carts/${cartId}`, {
-        credentials: "include"
+        credentials: "include",
       })
       .then((res) => res.json())
       .then(({ cart: dataCart }) => {
@@ -105,7 +105,7 @@ export const CartProvider = ({ children }: CartProviderProps) => {
     <CartContext.Provider value={{
       cart,
       setCart,
-      refreshCart
+      refreshCart,
     }}>
       {children}
     </CartContext.Provider>
@@ -147,7 +147,7 @@ const inter = Inter({ subsets: ["latin"] })
 export const metadata: Metadata = {
   title: "Create Next App",
   description: "Generated by create next app",
-};
+}
 
 export default function RootLayout({
   children,

www/apps/resources/app/storefront-development/cart/create/page.mdx

@@ -31,11 +31,11 @@ export const fetchHighlights = [
     credentials: "include",
     headers: {
       "x-publishable-api-key": process.env.NEXT_PUBLIC_PAK || "temp",
-      "Content-Type": "application/json"
+      "Content-Type": "application/json",
     },
     body: JSON.stringify({
       region_id: region.id,
-    })
+    }),
   })
   .then((res) => res.json())
   .then(({ cart }) => {
@@ -58,9 +58,9 @@ export const highlights = [
   ```tsx highlights={highlights}
   "use client" // include with Next.js 13+
 
-  import { useEffect, useState } from "react";
+  import { useEffect, useState } from "react"
   // other imports...
-
+  
   export default function Home() {
     // TODO assuming you have the region retrieved
     const region = {
@@ -82,11 +82,11 @@ export const highlights = [
         credentials: "include",
         headers: {
           "x-publishable-api-key": process.env.NEXT_PUBLIC_PAK || "temp",
-          "Content-Type": "application/json"
+          "Content-Type": "application/json",
         },
         body: JSON.stringify({
           region_id: region.id,
-        })
+        }),
       })
       .then((res) => res.json())
       .then(({ cart }) => {
@@ -130,8 +130,8 @@ fetch(`http://localhost:9000/store/carts`, {
   // ...
   body: JSON.stringify({
     // ...
-    customer_id: customer.id
-  })
+    customer_id: customer.id,
+  }),
 })
 .then((res) => res.json())
 .then(({ cart }) => {

www/apps/resources/app/storefront-development/cart/manage-items/page.mdx

@@ -34,12 +34,12 @@ const addToCart = (variant_id: string) => {
     credentials: "include",
     method: "POST",
     headers: {
-      "Content-Type": "application/json"
+      "Content-Type": "application/json",
     },
     body: JSON.stringify({
       variant_id,
       quantity: 1,
-    })
+    }),
   })
   .then((res) => res.json())
   .then(({ cart }) => {
@@ -89,11 +89,11 @@ const updateQuantity = (
     credentials: "include",
     method: "POST",
     headers: {
-      "Content-Type": "application/json"
+      "Content-Type": "application/json",
     },
     body: JSON.stringify({
-      quantity
-    })
+      quantity,
+    }),
   })
   .then((res) => res.json())
   .then(({ cart }) => {

www/apps/resources/app/storefront-development/cart/retrieve/page.mdx

@@ -21,7 +21,7 @@ export const fetchHighlights = [
 
   ```ts highlights={fetchHighlights}
   fetch(`http://localhost:9000/store/carts/${cartId}`, {
-    credentials: "include"
+    credentials: "include",
   })
   .then((res) => res.json())
   .then(({ cart }) => {
@@ -47,7 +47,7 @@ export const highlights = [
   import { useEffect, useState } from "react"
   import { HttpTypes } from "@medusajs/types"
 
-  export default function Cart () {
+  export default function Cart() {
     const [cart, setCart] = useState<
       HttpTypes.StoreCart
     >()
@@ -64,7 +64,7 @@ export const highlights = [
       }
 
       fetch(`http://localhost:9000/store/carts/${cartId}`, {
-        credentials: "include"
+        credentials: "include",
       })
       .then((res) => res.json())
       .then(({ cart: dataCart }) => {

www/apps/resources/app/storefront-development/cart/update/page.mdx

@@ -29,11 +29,11 @@ fetch(`http://localhost:9000/store/carts/${cartId}`, {
   credentials: "include",
   method: "POST",
   headers: {
-    "Content-Type": "application/json"
+    "Content-Type": "application/json",
   },
   body: JSON.stringify({
-    region_id: "new_id"
-  })
+    region_id: "new_id",
+  }),
 })
 .then((res) => res.json())
 .then(({ cart }) => {
@@ -61,11 +61,11 @@ fetch(`http://localhost:9000/store/carts/${cartId}`, {
   credentials: "include",
   method: "POST",
   headers: {
-    "Content-Type": "application/json"
+    "Content-Type": "application/json",
   },
   body: JSON.stringify({
-    customer_id: "logged_in_id"
-  })
+    customer_id: "logged_in_id",
+  }),
 })
 .then((res) => res.json())
 .then(({ cart }) => {