frontend: introduces propsAreEqual function passed to React.memo to reduce re-rendering

This function accepts the component’s previous props, and its new props.
It should return true if the old and new props are equal: that is, if the component will
render the same output and behave in the same way with the new props as with the old.
I need to use this function as state objects that are passed as props will always have different references.

frontend/package.json

@@ -13,6 +13,7 @@
         "@emotion/styled": "^11.11.0",
         "@mui/material": "^5.14.1",
         "bootstrap": "^5.3.3",
+        "deep-equal": "^2.2.3",
         "react": "^18.3.1",
         "react-bootstrap": "^2.10.0",
         "react-bootstrap-icons": "^1.11.4",
@@ -20,6 +21,7 @@
     },
     "devDependencies": {
         "@eslint/js": "^9.6.0",
+        "@types/deep-equal": "^1.0.4",
         "@types/eslint__js": "^8.42.3",
         "@types/node": "^20.14.10",
         "@types/react": "^18.3.3",