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",
-        "autoprefixer": "^10.4.2",
-        "postcss": "^8.4.6",
-        "@parcel/config-default": "^2.3.1",
-        "@parcel/transformer-sass": "^2.3.1"
+        "typescript": "^4.5.5"
     },
     "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> = (
-    props,
-) => {
+export const OverviewComponent: React.FunctionComponent<
+    IOverviewComponentProps
+> = (props) => {
     const [selectedPhoto, setSelectedPhoto] = React.useState<number>(0);
     const [isOverlayOpened, setOverlayOpen] = React.useState<boolean>(false);