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/regions/context/page.mdx

@@ -32,7 +32,7 @@ import {
   createContext, 
   useContext, 
   useEffect, 
-  useState
+  useState,
 } from "react"
 import { HttpTypes } from "@medusajs/types"
 
@@ -68,7 +68,7 @@ export const RegionProvider = (
     if (!regionId) {
       // retrieve regions and select the first one
       fetch(`http://localhost:9000/store/regions`, {
-        credentials: "include"
+        credentials: "include",
       })
       .then((res) => res.json())
       .then(({ regions }) => {
@@ -77,7 +77,7 @@ export const RegionProvider = (
     } else {
       // retrieve selected region
       fetch(`http://localhost:9000/store/regions/${regionId}`, {
-        credentials: "include"
+        credentials: "include",
       })
       .then((res) => res.json())
       .then(({ region: dataRegion }) => {
@@ -89,7 +89,7 @@ export const RegionProvider = (
   return (
     <RegionContext.Provider value={{
       region,
-      setRegion
+      setRegion,
     }}>
       {children}
     </RegionContext.Provider>
@@ -126,12 +126,12 @@ import "./globals.css"
 import { CartProvider } from "../providers/cart"
 import { RegionProvider } from "../providers/region"
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ["latin"] })
 
 export const metadata: Metadata = {
   title: "Create Next App",
   description: "Generated by create next app",
-};
+}
 
 export default function RootLayout({
   children,
@@ -147,7 +147,7 @@ export default function RootLayout({
         </RegionProvider>
       </body>
     </html>
-  );
+  )
 }
 ```