chore(deps): update and migrate pkgs

.eslintrc.js

@@ -1,5 +1,5 @@
 module.exports = {
-  extends: ['next/core-web-vitals', '@dooboo/eslint-config-react'],
+  extends: ['next/core-web-vitals'],
   env: {
     browser: true,
     es2021: true,

.github/workflows/ci.yml

@@ -31,7 +31,7 @@ jobs:
           - 5432:5432
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:

app/[lang]/(common)/ButtonGroup.tsx

@@ -1,5 +1,4 @@
-import type {CSSProperties} from 'react';
-import {type ReactElement} from 'react';
+import type {CSSProperties, ReactElement} from 'react';
 
 const StyledButton = ({
   selected,

app/[lang]/(common)/TextInput.tsx

@@ -8,6 +8,7 @@ interface Props extends React.InputHTMLAttributes<HTMLInputElement> {
   errorMessage?: string;
 }
 
+// eslint-disable-next-line react/display-name
 const TextInput = forwardRef<HTMLInputElement, Props>(
   (
     {

package.json

@@ -24,64 +24,63 @@
     "@amplitude/analytics-browser": "^1.10.3",
     "@amplitude/analytics-node": "^1.1.6",
     "@crello/react-lottie": "^0.0.11",
-    "@formatjs/intl-localematcher": "^0.2.32",
-    "@primer/octicons-react": "^19.1.0",
-    "@prisma/client": "^4.14.0",
+    "@formatjs/intl-localematcher": "^0.4.2",
+    "@primer/octicons-react": "^19.7.0",
+    "@prisma/client": "^5.3.1",
     "@supabase/auth-helpers-nextjs": "^0.6.1",
     "@supabase/auth-helpers-react": "^0.3.1",
     "@supabase/auth-ui-react": "^0.4.2",
     "@supabase/supabase-js": "^2.22.0",
-    "axios": "^1.4.0",
+    "axios": "^1.5.0",
     "client-only": "^0.0.1",
     "negotiator": "^0.6.3",
-    "next": "v13.4.2",
-    "next-auth": "^4.22.1",
+    "next": "v13.4.19",
+    "next-auth": "^4.23.1",
     "next-pwa": "^5.6.0",
-    "prisma": "^4.14.0",
+    "prisma": "^5.3.1",
     "react": "18.2.0",
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "18.2.0",
     "react-hamburger-menu": "^1.2.1",
-    "react-hook-form": "^7.43.9",
+    "react-hook-form": "^7.46.1",
     "react-simple-snackbar": "^1.1.11",
     "react-text-transition": "^3.1.0",
     "server-only": "^0.0.1",
     "tiny-invariant": "^1.3.1",
-    "typescript": "5.0.4",
+    "typescript": "5.2.2",
     "usehooks-ts": "^2.9.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.6.3",
-    "@commitlint/config-conventional": "^17.6.3",
-    "@dooboo/eslint-config-react": "^1.2.0",
-    "@svgr/webpack": "^8.0.1",
-    "@tailwindcss/forms": "^0.5.3",
+    "@commitlint/cli": "^17.7.1",
+    "@commitlint/config-conventional": "^17.7.0",
+    "@svgr/webpack": "^8.1.0",
+    "@tailwindcss/forms": "^0.5.6",
     "@testing-library/react": "^14.0.0",
     "@types/negotiator": "^0.6.1",
-    "@types/node": "^20.1.5",
-    "@types/react": "18.2.6",
+    "@types/node": "^20.6.1",
+    "@types/react": "18.2.21",
     "@types/react-copy-to-clipboard": "^5.0.4",
-    "@types/react-dom": "18.2.4",
+    "@types/react-dom": "18.2.7",
     "@types/react-hamburger-menu": "^0.0.4",
-    "@vitejs/plugin-react": "^4.0.0",
-    "@vitest/coverage-c8": "^0.31.0",
-    "autoprefixer": "^10.4.14",
-    "clsx": "^1.2.1",
-    "commitlint-plugin-function-rules": "^1.7.1",
-    "concurrently": "^8.0.1",
-    "dotenv-cli": "^7.2.1",
-    "eslint": "^8.40.0",
-    "eslint-config-next": "^13.4.2",
+    "@vitejs/plugin-react": "^4.0.4",
+    "@vitest/coverage-v8": "^0.34.4",
+    "autoprefixer": "^10.4.15",
+    "clsx": "^2.0.0",
+    "commitlint-plugin-function-rules": "^2.0.2",
+    "concurrently": "^8.2.1",
+    "dotenv-cli": "^7.3.0",
+    "eslint": "^8.49.0",
+    "eslint-config-next": "^13.4.19",
     "flatten-tailwindcss-theme": "^1.0.0",
     "husky": "^8.0.3",
-    "jsdom": "^22.0.0",
-    "postcss": "^8.4.23",
-    "prettier": "^2.8.8",
+    "jsdom": "^22.1.0",
+    "postcss": "^8.4.29",
+    "prettier": "^3.0.3",
     "supabase": ">=1.60.2",
-    "tailwind-merge": "^1.12.0",
-    "tailwindcss": "^3.3.2",
+    "tailwind-merge": "^1.14.0",
+    "tailwindcss": "^3.3.3",
     "ts-node": "^10.9.1",
-    "vitest": "^0.31.0"
+    "vitest": "^0.34.4"
   },
   "prisma": {
     "seed": "ts-node --transpile-only ./prisma/seed.ts"

styles/output.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
+! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -191,6 +191,10 @@ select,
 textarea {
   font-family: inherit;
   /* 1 */
+  font-feature-settings: inherit;
+  /* 1 */
+  font-variation-settings: inherit;
+  /* 1 */
   font-size: 100%;
   /* 1 */
   font-weight: inherit;
@@ -341,6 +345,14 @@ menu {
   padding: 0;
 }
 
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+  padding: 0;
+}
+
 /*
 Prevent resizing textareas horizontally by default.
 */
@@ -422,7 +434,7 @@ video {
   display: none;
 }
 
-[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
+[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -439,7 +451,7 @@ video {
   --tw-shadow: 0 0 #0000;
 }
 
-[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
+[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
@@ -468,6 +480,11 @@ input::placeholder,textarea::placeholder {
 
 ::-webkit-date-and-time-value {
   min-height: 1.5em;
+  text-align: inherit;
+}
+
+::-webkit-datetime-edit {
+  display: inline-flex;
 }
 
 ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
@@ -485,7 +502,7 @@ select {
           print-color-adjust: exact;
 }
 
-[multiple] {
+[multiple],[size]:where(select:not([size="1"])) {
   background-image: initial;
   background-position: initial;
   background-repeat: unset;

vitest.config.ts

@@ -4,6 +4,7 @@ import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  // @ts-ignore
   plugins: [react()],
   resolve: {
     alias: {