update parcel so it actually works and doesn't crash

but still use postcss because otherwise blueprint.js doesn't compile

frontend/.parcelrc

@@ -0,0 +1,16 @@
+{
+    "extends": "@parcel/config-default",
+    "transformers": {
+        "*.{ts,tsx}": [
+            "@parcel/transformer-typescript-tsc"
+        ],
+        "*.css": [
+            "@parcel/transformer-postcss"
+        ]
+    },
+    "optimizers": {
+        "*.css": [
+            "@parcel/optimizer-cssnano"
+        ]
+    }
+}

frontend/.postcssrc

@@ -0,0 +1,5 @@
+{
+    "plugins": {
+        "autoprefixer": true
+    }
+}

frontend/package.json

@@ -7,16 +7,14 @@
         "lint-fix": "eslint ./src/** --ext .js,.jsx,.ts,.tsx --fix",
         "test": "jest"
     },
-    "postcss": {
-        "plugins": {
-            "autoprefixer": true
-        }
-    },
     "dependencies": {
         "@blueprintjs/core": "^3.53.0",
+        "@parcel/config-default": "^2.3.1",
+        "@parcel/transformer-sass": "^2.3.1",
         "@typescript-eslint/eslint-plugin": "^5.12.0",
         "@typescript-eslint/parser": "^5.12.0",
         "@wojtekmaj/enzyme-adapter-react-17": "^0",
+        "autoprefixer": "^10.4.2",
         "enzyme": "^3.11.0",
         "eslint": "^8.9.0",
         "eslint-config-prettier": "^8.3.0",
@@ -30,8 +28,9 @@
         "eslint-plugin-react-hooks": "^4.3.0",
         "flush-promises": "^1.0.2",
         "jest": "^27.5.1",
-        "parcel": "2.3.1",
+        "parcel": "^2.3.1",
         "pluralize": "^8.0.0",
+        "postcss": "^8.4.6",
         "prettier": "^2.5.1",
         "prettier-eslint": "^13.0.0",
         "process": "^0.11.10",
@@ -47,13 +46,12 @@
         "redux-saga": "^1.1.3",
         "spark-md5": "^3.0.2",
         "ts-jest": "^27.1.3",
-        "typescript": "^4.5.5",
+        "typescript": "^4.5.5"
-        "autoprefixer": "^10.4.2",
-        "postcss": "^8.4.6",
-        "@parcel/config-default": "^2.3.1",
-        "@parcel/transformer-sass": "^2.3.1"
     },
     "devDependencies": {
+        "@parcel/optimizer-cssnano": "^2.4.1",
+        "@parcel/transformer-css-experimental": "^2.3.2",
+        "@parcel/transformer-typescript-tsc": "^2.4.1",
         "@types/autoprefixer": "^9.7.2",
         "@types/enzyme": "^3.10.11",
         "@types/eslint": "^8.4.1",

frontend/src/Photos/Overview.tsx

@@ -31,9 +31,9 @@ export interface IOverviewComponentProps {
     fetchPhotos: () => void;
 }
 
-export const OverviewComponent: React.FunctionComponent<IOverviewComponentProps> = (
+export const OverviewComponent: React.FunctionComponent<
-    props,
+    IOverviewComponentProps
-) => {
+> = (props) => {
     const [selectedPhoto, setSelectedPhoto] = React.useState<number>(0);
     const [isOverlayOpened, setOverlayOpen] = React.useState<boolean>(false);
 

package-lock.json

@@ -1074,9 +1074,9 @@
       }
     },
     "node_modules/ansi-regex": {
-      "version": "3.0.0",
+      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
-      "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+      "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
       "engines": {
         "node": ">=4"
       }
@@ -3961,9 +3961,9 @@
       }
     },
     "node_modules/minimist": {
-      "version": "1.2.5",
+      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
-      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
     },
     "node_modules/minipass": {
       "version": "3.1.6",
@@ -7424,9 +7424,9 @@
       "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA=="
     },
     "ansi-regex": {
-      "version": "3.0.0",
+      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
-      "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
+      "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw=="
     },
     "ansi-styles": {
       "version": "4.3.0",
@@ -9535,9 +9535,9 @@
       }
     },
     "minimist": {
-      "version": "1.2.5",
+      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
-      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
     },
     "minipass": {
       "version": "3.1.6",