Merge branch 'develop' of github.com:freesewing/freesewing.org into develop

Author: joostdecock

package.json

@@ -13,9 +13,9 @@
     }
   },
   "dependencies": {
-    "@bugsnag/js": "^7.15.1",
+    "@bugsnag/js": "^7.16.1",
     "@bugsnag/plugin-react": "^7.14.0",
-    "@fontsource/permanent-marker": "^4.5.0",
+    "@fontsource/permanent-marker": "^4.5.1",
     "@fontsource/roboto-mono": "^4.5.0",
     "@fontsource/ubuntu": "^4.5.0",
     "@freesewing/aaron": "2.20.6",
@@ -92,9 +92,9 @@
     "axios": "0.23.0",
     "dotenv": "10.0.0",
     "file-saver": "2.0.5",
-    "gatsby": "^3.14.5",
+    "gatsby": "^3.14.6",
     "gatsby-link": "3.14.0",
-    "gatsby-plugin-algolia": "0.22.2",
+    "gatsby-plugin-algolia": "0.26.0",
     "gatsby-plugin-catch-links": "3.14.0",
     "gatsby-plugin-feed": "^3.14.0",
     "gatsby-plugin-image": "^1.14.1",
@@ -124,18 +124,18 @@
     "react-dom": "^17.0.2",
     "react-dropzone": "11.4.2",
     "react-helmet": "6.1.0",
-    "react-instantsearch-dom": "6.20.0",
-    "react-intl": "5.22.0",
+    "react-instantsearch-dom": "6.22.0",
+    "react-intl": "5.24.6",
     "react-markdown": "6.0.2",
     "react-timeago": "^6.2.1",
-    "react-youtube": "^7.13.1",
+    "react-youtube": "^7.14.0",
     "remark": "13.0.0",
     "remark-frontmatter": "3.0.0",
     "remark-html": "13.0.2",
     "remark-jargon": "2.20.6",
     "remark-preset-lint-recommended": "5.0.0",
-    "sharp": "^0.29.3",
-    "tlds": "1.227.0",
+    "sharp": "^0.30.1",
+    "tlds": "1.229.0",
     "yaml": "1.10.2"
   },
   "devDependencies": {
@@ -150,8 +150,8 @@
     "eslint-plugin-import": "^2.25.3",
     "gatsby-cli": "^3.14.0",
     "husky": "^7.0.4",
-    "prettier": "^2.5.0",
-    "pretty-quick": "^3.1.2"
+    "prettier": "^2.5.1",
+    "pretty-quick": "^3.1.3"
   },
   "keywords": [
     "gatsby"

src/components/draft/ui.js

@@ -357,7 +357,7 @@ ${e.stack}
       <>
         <figure key="pattern" style={{ textAlign: 'center' }} id={`freesewing-${display}`}>
           <style>
-            {`:root { --freesewing-pattern-scale: ${patternProps?.settings?.scale || 1}; }`}
+            {`:root { --freesewing-pattern-scale: ${patternProps?.settings?.scale || 1}px; }`}
           </style>
           <Draft {...patternProps} extraDefs={extraDefs(app.theme === 'dark')} />
           {display === 'compare' && (