merge: Update to Next.js 13 and React 18

This pull request updates the web interface to make use of Next.js 13 and React 18.

## Implementation Notes :hammer_and_pick:

* Drop dependency on FontAwesome 
* Update to Next 13 and React 18
* Drop dependency on Roboto font
* Make root redirect non-permanent
* Do not optimize images for export
* Update to Node 18 for the build process
* Ensure consistency of build tasks
* Update README.md of web UI
* Default to anonymous auth domain 
* Disable configuration of basePath

## External Dependencies :four_leaf_clover:

* Next.js 13
* React 18
* PatternFly 4
* Node 18

## Breaking API Changes :warning:

* The base path of the web UI cannot be configured anymore via the Quarkus extension. 
   The previous implementation relied on Next.js internals and this functionality cannot be 
   provided without resorting to hacks. Since this functionality was not actually used, we have 
   removed it for now.

1 files changed, 26 insertions, 13 deletions

diff --git a/opendc-web/opendc-web-ui/src/auth.js b/opendc-web/opendc-web-ui/src/auth.js
index 3d6cf87c..8c88f526 100644
--- a/opendc-web/opendc-web-ui/src/auth.js
+++ b/opendc-web/opendc-web-ui/src/auth.js
@@ -27,10 +27,11 @@ import { auth } from './config'
 
 /**
  * Helper function to provide the authentication context in case Auth0 is not
- * configured.
+ * configured and the user is anonymous.
  */
-function useAuthDev() {
+function useAnonymousAuth() {
     return {
+        isAnonymous: true,
         isAuthenticated: false,
         isLoading: false,
         logout: () => {},
@@ -39,15 +40,17 @@ function useAuthDev() {
 }
 
 /**
- * Obtain the authentication context.
+ * Determine whether the auth domain is anonymous.
  */
-export const useAuth = auth.domain ? useAuth0 : useAuthDev
+function isAnonymousDomain(config) {
+    return !config.domain || config.domain === '%%NEXT_PUBLIC_AUTH0_DOMAIN%%'
+}
 
 /**
  * Force the user to be authenticated or redirect to the homepage.
  */
-export function useRequireAuth() {
-    const auth = useAuth()
+function useRequireAuth0() {
+    const auth = useAuth0()
     const { loginWithRedirect, isLoading, isAuthenticated } = auth
 
     useEffect(() => {
@@ -55,21 +58,31 @@ export function useRequireAuth() {
             loginWithRedirect()
         }
     }, [loginWithRedirect, isLoading, isAuthenticated])
-
-    return auth
 }
 
 /**
+ * Obtain the authentication context.
+ */
+export const useAuth = isAnonymousDomain(auth) ? useAnonymousAuth : useAuth0
+
+/**
+ * Force the user to be authenticated or redirect to the homepage.
+ */
+export const useRequireAuth = isAnonymousDomain(auth) ? () => {} : useRequireAuth0
+
+/**
  * AuthProvider which provides an authentication context.
  */
 export function AuthProvider({ children }) {
-    if (auth.domain) {
+    const authConfig = auth
+
+    if (!isAnonymousDomain(authConfig)) {
         return (
             <Auth0Provider
-                domain={auth.domain}
-                clientId={auth.clientId}
-                redirectUri={auth.redirectUri}
-                audience={auth.audience}
+                domain={authConfig.domain}
+                clientId={authConfig.clientId}
+                redirectUri={authConfig.redirectUri}
+                audience={authConfig.audience}
             >
                 {children}
             </Auth0Provider>