feat: integrate chatbot component and temporary drawer layout

- Added a temporary drawer layout to manage the side navigation and chatbot.
- Implemented a ChatbotComponent that utilizes the mongodb-chatbot-ui package.
- Enhanced the template to include a toggle button for the drawer and integrated the chatbot within the drawer.
- Removed unnecessary whitespace in layout-wrapper component.

Author: TheSonOfThomp

.env.example

@@ -1,10 +1,12 @@
-NEXT_PUBLIC_CONTENTSTACK_API_KEY='apikey'
-NEXT_PUBLIC_CONTENTSTACK_DELIVERY_TOKEN='token'
-NEXT_PUBLIC_GOOGLE_ANALYTICS='<Tracking_ID>'
-NEXT_PUBLIC_ENVIRONMENT='staging'
+NEXT_PUBLIC_CONTENTSTACK_API_KEY=<apikey>
+NEXT_PUBLIC_CONTENTSTACK_DELIVERY_TOKEN=<token>
+NEXT_PUBLIC_GOOGLE_ANALYTICS=<Tracking_ID>
+NEXT_PUBLIC_ENVIRONMENT=staging
 
-OKTA_OAUTH2_CLIENT_ID='<client_id>'
-OKTA_OAUTH2_CLIENT_SECRET='<client_secret>'
-OKTA_OAUTH2_ISSUER='<mongodb_okta_url>`
-NEXTAUTH_URL='<okta_redirect_url>'
-SECRET='<your_generated_secret>'
+OKTA_OAUTH2_CLIENT_ID=<client_id>
+OKTA_OAUTH2_CLIENT_SECRET=<client_secret>
+OKTA_OAUTH2_ISSUER=<mongodb_okta_url>
+NEXTAUTH_URL=<okta_redirect_url>
+SECRET=<your_generated_secret>
+
+NEXT_PUBLIC_CHATBOT_ENDPOINT=http://localhost:3030/api/v1

package.json

@@ -86,6 +86,7 @@
     "fuse.js": "^7.0.0",
     "lodash": "^4.17.21",
     "marked": "^12.0.2",
+    "mongodb-chatbot-ui": "^0.14.1",
     "next": "14.2.25",
     "next-auth": "^5.0.0-beta.18",
     "polished": "^4.3.1",