Updated deps

package.json

@@ -24,12 +24,12 @@
     "@fontsource/zen-maru-gothic": "^4.5.13",
     "@tippyjs/react": "^4.2.6",
     "@types/ua-parser-js": "^0.7.36",
-    "autoprefixer": "^10.4.10",
+    "autoprefixer": "^10.4.12",
     "graphql-request": "^5.0.0",
     "markdown-to-jsx": "^7.1.7",
-    "meilisearch": "^0.27.0",
-    "next": "^12.3.0",
-    "nodemailer": "^6.7.8",
+    "meilisearch": "^0.28.0",
+    "next": "^12.3.1",
+    "nodemailer": "^6.8.0",
     "rc-slider": "^10.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -40,35 +40,35 @@
     "throttle-debounce": "^5.0.0",
     "tippy.js": "^6.3.7",
     "turndown": "^7.1.1",
-    "ua-parser-js": "^1.0.2",
-    "usehooks-ts": "^2.6.0"
+    "ua-parser-js": "^1.0.32",
+    "usehooks-ts": "^2.9.1"
   },
   "devDependencies": {
     "@digitak/esrun": "^3.2.11",
-    "@graphql-codegen/cli": "^2.12.0",
-    "@graphql-codegen/typescript": "2.7.3",
-    "@graphql-codegen/typescript-graphql-request": "^4.5.4",
-    "@graphql-codegen/typescript-operations": "^2.5.3",
-    "@types/node": "18.7.18",
+    "@graphql-codegen/cli": "^2.13.7",
+    "@graphql-codegen/typescript": "2.7.4",
+    "@graphql-codegen/typescript-graphql-request": "^4.5.6",
+    "@graphql-codegen/typescript-operations": "^2.5.4",
+    "@types/node": "18.11.0",
     "@types/nodemailer": "^6.4.6",
-    "@types/react": "18.0.20",
+    "@types/react": "18.0.21",
     "@types/react-dom": "^18.0.6",
     "@types/string-natural-compare": "^3.0.2",
     "@types/throttle-debounce": "^5.0.0",
     "@types/turndown": "^5.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.37.0",
-    "@typescript-eslint/parser": "^5.37.0",
-    "dotenv": "^16.0.2",
-    "eslint": "^8.23.1",
-    "eslint-config-next": "12.3.0",
+    "@typescript-eslint/eslint-plugin": "^5.40.0",
+    "@typescript-eslint/parser": "^5.40.0",
+    "dotenv": "^16.0.3",
+    "eslint": "^8.25.0",
+    "eslint-config-next": "12.3.1",
     "eslint-plugin-import": "^2.26.0",
     "graphql": "^16.6.0",
-    "next-sitemap": "^3.1.22",
+    "next-sitemap": "^3.1.25",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.13",
     "tailwindcss": "^3.1.8",
     "ts-unused-exports": "^8.0.0",
-    "typescript": "^4.8.3"
+    "typescript": "^4.8.4"
   },
   "overrides": {
     "react-zoom-pan-pinch": {

src/components/Panels/ContentPanel.tsx

@@ -30,7 +30,7 @@ export const ContentPanel = ({
     <div className="grid h-full">
       <main
         className={cJoin(
-          "justify-self-center px-4 pt-10 pb-20 relative",
+          "relative justify-self-center px-4 pt-10 pb-20",
           cIf(isContentPanelAtLeast3xl, "px-10 pt-20 pb-32"),
           width === ContentPanelWidthSizes.Default
             ? "max-w-2xl"

src/tailwind.css

@@ -312,7 +312,7 @@ input[type="submit"] {
   position: absolute;
 }
 .rc-slider-handle {
-  @apply h-4 w-4 -mt-1 rounded-full bg-dark transition-shadow;
+  @apply -mt-1 h-4 w-4 rounded-full bg-dark transition-shadow;
   position: absolute;
   cursor: grab;
   touch-action: pan-x;

tsconfig.json

@@ -15,7 +15,7 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
-    "baseUrl": "src",
+    "baseUrl": "src"
     // "noUncheckedIndexedAccess": true
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],