feat(auth): refactor auth, add oidc

Thanks to all HedgeDoc team members for the time discussing,
helping with weird Nest issues, providing feedback
and suggestions!

Co-authored-by: Philip Molares <philip.molares@udo.edu>
Signed-off-by: Philip Molares <philip.molares@udo.edu>
Signed-off-by: Erik Michelson <github@erik.michelson.eu>

frontend/src/components/common/user-avatar/user-avatar-for-username.tsx

@@ -1,13 +1,13 @@
 /*
- * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
+ * SPDX-FileCopyrightText: 2024 The HedgeDoc developers (see AUTHORS file)
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import { getUser } from '../../../api/users'
+import { getUserInfo } from '../../../api/users'
 import { AsyncLoadingBoundary } from '../async-loading-boundary/async-loading-boundary'
 import type { UserAvatarProps } from './user-avatar'
 import { UserAvatar } from './user-avatar'
-import React, { Fragment, useMemo } from 'react'
+import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useAsync } from 'react-use'
 
@@ -28,15 +28,18 @@ export const UserAvatarForUsername: React.FC<UserAvatarForUsernameProps> = ({ us
   const { t } = useTranslation()
   const { error, value, loading } = useAsync(async (): Promise<{ displayName: string; photo?: string }> => {
     return username
-      ? await getUser(username)
+      ? await getUserInfo(username)
       : {
           displayName: t('common.guestUser')
         }
   }, [username, t])
 
   const avatar = useMemo(() => {
-    return !value ? <Fragment /> : <UserAvatar displayName={value.displayName} photoUrl={value.photo} {...props} />
-  }, [props, value])
+    if (!value) {
+      return null
+    }
+    return <UserAvatar displayName={value.displayName} photoUrl={value.photo} username={username} {...props} />
+  }, [props, value, username])
 
   return (
     <AsyncLoadingBoundary loading={loading || !value} error={error} componentName={'UserAvatarForUsername'}>