Deployment of front-end on Azure (#671)

* Test engine change in package.json

* Changed name of app

* Fix TS2312: An interface can only extend an object type or intersection of object types with statically known members

* Changed CI branch of Azure

package.json

@@ -1,7 +1,10 @@
 {
-  "name": "my-app",
+  "name": "hilfling-frontend",
   "version": "0.1.0",
   "private": true,
+  "engines": {
+    "node": ">=16.0.0"
+  },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",

src/utils/auth/ProtectedRoute.tsx

@@ -2,7 +2,7 @@ import React, { ComponentType, FC } from "react";
 import { Route, RouteProps } from "react-router-dom";
 import { withAuthenticationRequired } from "@auth0/auth0-react";
 
-interface Props extends RouteProps {
+type Props = RouteProps & {
   element: ComponentType<any>;
 }