fix(build): added migration file and updated a bunch of libvraries which made the build not work

.vscode/settings.json

@@ -19,5 +19,6 @@
   "typescript.preferences.importModuleSpecifier": "non-relative",
   "files.associations": {
     "globals.css": "tailwindcss"
-  }
+  },
+  "sqltools.useNodeRuntime": true
 }

package.json

@@ -37,6 +37,7 @@
     "@heroicons/react": "2.0.16",
     "@supercharge/request-ip": "1.2.0",
     "@svgr/webpack": "6.5.1",
+    "@swc/helpers": "^0.5.11",
     "@tanem/react-nprogress": "5.0.30",
     "ace-builds": "1.15.2",
     "axios": "1.3.4",
@@ -60,7 +61,7 @@
     "gravatar-url": "3.1.0",
     "intl": "1.2.5",
     "lodash": "4.17.21",
-    "next": "12.3.4",
+    "next": "13.4.7",
     "node-cache": "5.1.2",
     "node-gyp": "^8.0.0",
     "node-schedule": "2.1.1",
@@ -69,11 +70,11 @@
     "openpgp": "5.7.0",
     "plex-api": "5.3.2",
     "pug": "3.0.2",
-    "react": "^17.0.0",
+    "react": "18.2.0",
     "react-ace": "10.1.0",
     "react-animate-height": "2.1.2",
     "react-aria": "3.23.0",
-    "react-dom": "^17.0.0",
+    "react-dom": "18.2.0",
     "react-intersection-observer": "9.4.3",
     "react-intl": "6.2.10",
     "react-markdown": "8.0.5",
@@ -122,8 +123,8 @@
     "@types/node": "17.0.36",
     "@types/node-schedule": "2.1.0",
     "@types/nodemailer": "6.4.7",
-    "@types/react": "18.0.28",
-    "@types/react-dom": "18.0.11",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.0",
     "@types/react-transition-group": "4.4.5",
     "@types/secure-random-password": "0.2.1",
     "@types/semver": "7.3.13",

server/migration/1714310036946-PostLidarrSupportIntegration.ts

@@ -0,0 +1,30 @@
+import type { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class PostLidarrSupportIntegration1714310036946
+  implements MigrationInterface
+{
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`ALTER TABLE user ADD musicQuotaLimit INTEGER`);
+    await queryRunner.query(`ALTER TABLE user ADD musicQuotaDays INTEGER`);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query('PRAGMA foreign_keys=off');
+
+    await queryRunner.query('BEGIN TRANSACTION');
+
+    await queryRunner.query('ALTER TABLE user RENAME TO _user_old');
+
+    await queryRunner.query(
+      "CREATE TABLE user (id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,email VARCHAR NOT NULL,plexUsername VARCHAR,username VARCHAR,password VARCHAR,resetPasswordHuid VARCHAR,recoveryLinkExpirationDate DATETIME,userType INTEGER NOT NULL DEFAULT 1,plexId INTEGER,plexToken VARCHAR,permissions INTEGER NOT NULL DEFAULT 0,avatar VARCHAR NOT NULL,movieQuotaLimit INTEGER,movieQuotaDays INTEGER,tvQuotaLimit INTEGER,tvQuotaDays INTEGER,createdAt DATETIME NOT NULL DEFAULT (datetime('now')),updatedAt DATETIME NOT NULL DEFAULT (datetime('now')) )"
+    );
+
+    await queryRunner.query(
+      'INSERT INTO user (id, email, plexUsername, username, password, resetPasswordHuid, recoveryLinkExpirationDate, userType, plexId, plexToken, permissions, avatar, movieQuotaLimit, movieQuotaDays, tvQuotaLimit, tvQuotaDays, createdAt, updatedAt) SELECT id, email, plexUsername, username, password, resetPasswordHuid, recoveryLinkExpirationDate, userType, plexId, plexToken, permissions, avatar, movieQuotaLimit, movieQuotaDays, tvQuotaLimit, tvQuotaDays, createdAt, updatedAt FROM _user_old'
+    );
+
+    await queryRunner.query('COMMIT');
+
+    await queryRunner.query('PRAGMA foreign_keys=on');
+  }
+}

src/components/Selector/index.tsx

@@ -399,8 +399,8 @@ export const WatchProviderSelector = ({
                       src={`https://image.tmdb.org/t/p/original${provider.logoPath}`}
                       alt=""
                       layout="responsive"
-                      width="100%"
-                      height="100%"
+                      width={1}
+                      height={1}
                       className="rounded-lg"
                     />
                     {isActive && (
@@ -441,8 +441,8 @@ export const WatchProviderSelector = ({
                         src={`https://image.tmdb.org/t/p/original${provider.logoPath}`}
                         alt=""
                         layout="responsive"
-                        width="100%"
-                        height="100%"
+                        width={1}
+                        height={1}
                         className="rounded-lg"
                       />
                       {isActive && (