Feat: Remove v2 banner (#116)

### Description
- [x] Removed V2 Info Banner from the top now that V1 is gone

### Other changes

- [x] Fixed two `npm audit` dependency vulnerabilities in next.js and
postcss (both minor version updates)
- [x] Updated README with more instructions for local development and
removal of V1 mention in deployments
- [x] Updated caniuse db
- [x] Added eXOF pairs to [regression test
checklists](https://www.notion.so/ced68d834b8f4fe6a8d4b1b5e975ba4d?v=2ddadc4c50da4027b7a84ed3e9693c66)
- [x] Added package [`sharp`](https://www.npmjs.com/package/sharp) for
image optimization (fixes a next build warning)
<img width="787" alt="image"
src="https://github.com/mento-protocol/mento-web/assets/117495/4e1aaafd-dc93-4ecd-9ca4-94e0b8645c42">



### Related issues

- Fixes #105 

### Checklist before requesting a review

- [x] I have performed a self-review of my own code
- [x] The PR title follows the
[conventions](https://www.notion.so/Git-Branching-and-Commit-Message-Conventions-18f66f7d06444cfcbac5725ffbc7c04a?pvs=4#9355048863c549ef92fe210a8a1298aa)
- [x] I have run the [regression
tests](https://www.notion.so/Mento-Web-App-Regression-Tests-37bd43a7da8d4e38b65993320a33d557)

README.md

@@ -12,14 +12,16 @@ This project uses Next.JS, React, Redux, Tailwind, Wagmi, and RainbowKit.
 
 ## Run Locally
 
-Install deps: `yarn`
-
-Start server: `yarn dev`
+1. Install deps: `yarn`
+1. Create a local `.env` from the example: `cp .env.example .env`
+1. Start server: `yarn dev`
+1. `open http://localhost:3000`
 
 ## Deploy
 
-Deployments happen automatically via Vercel's Github app after pushing branch updates.
-Production deployments for mento v1 trigger from the `production-v1` branch, and mento v2 from `production-v2`.
+- Deployments happen automatically via Vercel's Github app.
+- Every push into `main` is automatically deployed to app.mento.org
+- Deployment configuration can be changed by Mento Labs Team Members at <https://vercel.com/mentolabs/mento-web>
 
 ## Contribute
 

package.json

@@ -45,11 +45,12 @@
     "frappe-charts": "^1.6.2",
     "jsbi": "^4.3.0",
     "lottie-react": "^2.4.0",
-    "next": "13.4.6",
+    "next": "13.5.7-canary.37",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^8.1.0",
     "react-toastify": "^9.1.3",
+    "sharp": "^0.33.0",
     "toformat": "^2.0.0",
     "wagmi": "0.12.18"
   },
@@ -68,7 +69,7 @@
     "eslint-config-next": "^13.4.6",
     "eslint-config-prettier": "^8.8.0",
     "jest": "^29.5.0",
-    "postcss": "^8.4.24",
+    "postcss": "^8.4.32",
     "prettier": "^2.8.8",
     "tailwindcss": "^3.3.2",
     "ts-jest": "^29.1.0",

src/layout/AppLayout.tsx

@@ -3,7 +3,6 @@ import { PropsWithChildren } from 'react'
 import { BottomGrid } from 'src/components/nav/BottomGrid'
 import { Footer } from 'src/components/nav/Footer'
 import { Header } from 'src/components/nav/Header'
-import { InfoBanner } from 'src/components/nav/InfoBanner'
 import { TopBlur } from 'src/components/nav/TopBlur'
 import { PollingWorker } from 'src/features/polling/PollingWorker'
 import { HeadMeta } from 'src/layout/HeadMeta'
@@ -24,7 +23,6 @@ export function AppLayout({ pathName, children }: PropsWithChildren<Props>) {
       <div
         className={`flex flex-col w-full h-full min-h-screen min-w-screen bg-white dark:bg-primary-dark font-inter ${foundersGrotesk.variable}`}
       >
-        <InfoBanner />
         <TopBlur />
         <Header />
         <main className={`relative z-20 flex items-center justify-center grow`}>{children}</main>