introduce vercel NEXT_PUBLIC_DOCS_BASE_PATH to avoid logo rendering to the wrong path (#1448)

**Test Plan**
Test manually

Author: enriquegh

next.config.js

@@ -11,7 +11,11 @@ const nextConfig = {
 	// VERCEL_ENV is a system env var set by Vercel
 	// https://vercel.com/docs/projects/environment-variables/system-environment-variables
 	// basePath: process.env.VERCEL_ENV === 'production' ? '/docs' : '',
-	basePath: process.env.VERCEL_ENV === 'production' ? '/docs' : ''
+	basePath: process.env.VERCEL_ENV === 'production' ? '/docs' : '',
+	env: {
+		NEXT_PUBLIC_DOCS_BASE_PATH:
+			process.env.VERCEL_ENV === 'production' ? '/docs' : ''
+	}
 };
 
 module.exports = async () => {

src/components/Logo.tsx

@@ -1,5 +1,5 @@
 export function Logo(props: React.ComponentPropsWithoutRef<'svg'>) {
-	const basePath = process.env.VERCEL_ENV === 'production' ? '/docs' : '';
+	const basePath = process.env.NEXT_PUBLIC_DOCS_BASE_PATH || '';
 
 	return (
 		<>