docs: redesign footer (#8651)

www/apps/api-reference/app/_mdx/admin.mdx

@@ -24,6 +24,8 @@ All API Routes are prefixed with `/admin`. So, during development, the API Route
   }}
   reportLink={formatReportLink("admin", "Introduction")}
   pathName="/api/admin"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>
@@ -166,6 +168,8 @@ fetch(`<BACKEND_URL>/admin/products`, {
   }}
   reportLink={formatReportLink("admin", "Authentication - Cookie Session ID")}
   pathName="/api/admin"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>
@@ -190,6 +194,8 @@ x-no-compression: true
   }}
   reportLink={formatReportLink("admin", "Authentication - Cookie Session ID")}
   pathName="/api/admin"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>
@@ -394,6 +400,8 @@ curl -g "http://localhost:9000/admin/products?created_at[$lt]=2023-02-17&created
   }}
   reportLink={formatReportLink("admin", "Query Parameter Types")}
   pathName="/api/admin"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>
@@ -472,6 +480,8 @@ This sorts the products by their `created_at` field in the descending order.
   }}
   reportLink={formatReportLink("admin", "Pagination")}
   pathName="/api/admin"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>

www/apps/api-reference/app/_mdx/store.mdx

@@ -25,6 +25,8 @@ All API Routes are prefixed with `/store`. So, during development, the API Route
   }}
   reportLink={formatReportLink("store", "Introduction")}
   pathName="/api/store"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>
@@ -136,6 +138,8 @@ fetch(`<BACKEND_URL>/store/products`, {
   }}
   reportLink={formatReportLink("store", "Authentication - Cookie Session ID")}
   pathName="/api/store"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>
@@ -180,6 +184,8 @@ x-publishable-api-key: {your_publishable_api_key}
   }}
   reportLink={formatReportLink("store", "Publishable API Key")}
   pathName="/api/store"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>
@@ -204,6 +210,8 @@ x-no-compression: true
   }}
   reportLink={formatReportLink("store", "HTTP Compression")}
   pathName="/api/store"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>
@@ -266,6 +274,8 @@ This returns the variants of each product, but the variants only have their `id`
   }}
   reportLink={formatReportLink("store", "Selecting Fields")}
   pathName="/api/store"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>
@@ -407,6 +417,8 @@ curl -g "http://localhost:9000/store/products?created_at[$lt]=2023-02-17&created
   }}
   reportLink={formatReportLink("store", "Query Parameter Types")}
   pathName="/api/store"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>
@@ -483,6 +495,8 @@ This sorts the products by their `created_at` field in the descending order.
   }}
   reportLink={formatReportLink("store", "Pagination")}
   pathName="/api/store"
+  question="Was this section helpful?"
+  vertical={true}
 />
 
 </SectionContainer>

www/apps/book/app/layout.tsx

@@ -43,10 +43,10 @@ export default function RootLayout({
       }}
       showPagination={true}
       bodyClassName={clsx(inter.variable, robotoMono.variable)}
+      feedbackComponent={<Feedback className="my-2" />}
+      editComponent={<EditButton />}
     >
       {children}
-      <Feedback className="my-2" />
-      <EditButton />
     </TightLayout>
   )
 }

www/apps/resources/app/layout.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from "next"
 import { Inter, Roboto_Mono } from "next/font/google"
 import Providers from "@/providers"
 import "./globals.css"
-import { Breadcrumbs, TightLayout } from "docs-ui"
+import { TightLayout } from "docs-ui"
 import { config } from "@/config"
 import clsx from "clsx"
 import { Feedback } from "@/components/Feedback"
@@ -43,10 +43,10 @@ export default function RootLayout({
         expandItems: true,
       }}
       bodyClassName={clsx(inter.variable, robotoMono.variable)}
+      feedbackComponent={<Feedback className="my-2" />}
+      editComponent={<EditButton />}
     >
       {children}
-      <Feedback className="my-2" />
-      <EditButton />
     </TightLayout>
   )
 }