chore: bump next/website deps (#289)

* bump website deps

* next/image legacy codemod

* new experimental codemod to go back to new next/image

website/package.json

@@ -21,37 +21,37 @@
   "author": "Patronage.org",
   "license": "private",
   "dependencies": {
-    "@popperjs/core": "2.11.6",
-    "bootstrap": "5.2.3",
+    "@popperjs/core": "2.11.8",
+    "bootstrap": "5.3.1",
     "classnames": "2.3.2",
-    "dayjs": "1.11.7",
+    "dayjs": "1.11.9",
     "isomorphic-unfetch": "4.0.2",
-    "next": "13.2.4",
-    "next-seo": "5.15.0",
+    "next": "13.4.13",
+    "next-seo": "6.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-icons": "4.8.0",
-    "sass": "1.59.2",
-    "slugify": "1.6.5",
+    "react-icons": "4.10.1",
+    "sass": "1.65.1",
+    "slugify": "1.6.6",
     "widont": "0.3.4"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "13.2.4",
+    "@next/bundle-analyzer": "13.4.13",
     "babel-eslint": "10.1.0",
     "cross-env": "7.0.3",
-    "eslint": "8.36.0",
-    "eslint-config-next": "13.2.4",
-    "eslint-config-prettier": "8.7.0",
+    "eslint": "8.46.0",
+    "eslint-config-next": "13.4.13",
+    "eslint-config-prettier": "9.0.0",
     "husky": "8.0.3",
-    "lint-staged": "13.2.0",
-    "postcss": "8.4.21",
-    "prettier": "2.8.4",
-    "stylelint": "15.2.0",
+    "lint-staged": "13.2.3",
+    "postcss": "8.4.27",
+    "prettier": "3.0.1",
+    "stylelint": "15.10.2",
     "stylelint-config-idiomatic-order": "9.0.0",
     "stylelint-config-prettier": "9.0.5",
-    "stylelint-config-standard-scss": "7.0.1",
-    "stylelint-prettier": "3.0.0",
-    "stylelint-scss": "4.4.0"
+    "stylelint-config-standard-scss": "10.0.0",
+    "stylelint-prettier": "4.0.2",
+    "stylelint-scss": "5.1.0"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": "eslint --fix",

website/src/components/flex/FlexHero.js

@@ -25,8 +25,11 @@ const FlexHero = (props) => {
             width={props.heroImage.mediaDetails.width}
             height={props.heroImage.mediaDetails.height}
             priority={props.index === 0 || props.index === 1}
-            layout="responsive"
-          />
+            sizes="100vw"
+            style={{
+              width: '100%',
+              height: 'auto'
+            }} />
         </div>
       )}
     </section>