fix: bot suggestions

frontend/src/lib/i18n/locales/en-US.json

@@ -41,7 +41,7 @@
     "totpTitle": "Enter your TOTP code",
     "unauthorizedTitle": "Unauthorized",
     "unauthorizedResourceSubtitle": "The user with username <Code>{{username}}</Code> is not authorized to access the resource <Code>{{resource}}</Code>.",
-    "unaothorizedLoginSubtitle": "The user with username <Code>{{username}}</Code> is not authorized to login.",
+    "unauthorizedLoginSubtitle": "The user with username <Code>{{username}}</Code> is not authorized to login.",
     "unauthorizedGroupsSubtitle": "The user with username <Code>{{username}}</Code> is not in the groups required by the resource <Code>{{resource}}</Code>.",
     "unauthorizedButton": "Try again",
     "untrustedRedirectTitle": "Untrusted redirect",

frontend/src/lib/i18n/locales/en.json

@@ -41,7 +41,7 @@
     "totpTitle": "Enter your TOTP code",
     "unauthorizedTitle": "Unauthorized",
     "unauthorizedResourceSubtitle": "The user with username <Code>{{username}}</Code> is not authorized to access the resource <Code>{{resource}}</Code>.",
-    "unaothorizedLoginSubtitle": "The user with username <Code>{{username}}</Code> is not authorized to login.",
+    "unauthorizedLoginSubtitle": "The user with username <Code>{{username}}</Code> is not authorized to login.",
     "unauthorizedGroupsSubtitle": "The user with username <Code>{{username}}</Code> is not in the groups required by the resource <Code>{{resource}}</Code>.",
     "unauthorizedButton": "Try again",
     "untrustedRedirectTitle": "Untrusted redirect",

frontend/src/pages/logout-page.tsx

@@ -10,7 +10,7 @@ import { useAppContext } from "../context/app-context";
 import { Trans, useTranslation } from "react-i18next";
 
 export const LogoutPage = () => {
-  const { isLoggedIn, oauth, provider, email } = useUserContext();
+  const { isLoggedIn, oauth, provider, email, username } = useUserContext();
   const { genericName } = useAppContext();
   const { t } = useTranslation();
 
@@ -65,7 +65,7 @@ export const LogoutPage = () => {
               t={t}
               components={{ Code: <Code /> }}
               values={{
-                username: email,
+                username: username,
               }}
             />
           )}

frontend/src/pages/unauthorized-page.tsx

@@ -21,12 +21,12 @@ export const UnauthorizedPage = () => {
   if (isQueryValid(resource) && !isQueryValid(groupErr)) {
     return (
       <UnauthorizedLayout>
-          <Trans
-            i18nKey="unauthorizedResourceSubtitle"
-            t={t}
-            components={{ Code: <Code /> }}
-            values={{ resource, username }}
-          />
+        <Trans
+          i18nKey="unauthorizedResourceSubtitle"
+          t={t}
+          components={{ Code: <Code /> }}
+          values={{ resource, username }}
+        />
       </UnauthorizedLayout>
     );
   }
@@ -35,19 +35,19 @@ export const UnauthorizedPage = () => {
     return (
       <UnauthorizedLayout>
         <Trans
-        i18nKey="unauthorizedGroupsSubtitle"
-        t={t}
-        components={{ Code: <Code /> }}
-        values={{ username, resource }}
-         />
+          i18nKey="unauthorizedGroupsSubtitle"
+          t={t}
+          components={{ Code: <Code /> }}
+          values={{ username, resource }}
+        />
       </UnauthorizedLayout>
-    )
+    );
   }
 
   return (
     <UnauthorizedLayout>
       <Trans
-        i18nKey="unaothorizedLoginSubtitle"
+        i18nKey="unauthorizedLoginSubtitle"
         t={t}
         components={{ Code: <Code /> }}
         values={{ username }}
@@ -65,9 +65,7 @@ const UnauthorizedLayout = ({ children }: { children: React.ReactNode }) => {
         <Text size="xl" fw={700}>
           {t("Unauthorized")}
         </Text>
-        <Text>
-        {children}
-        </Text>
+        <Text>{children}</Text>
         <Button
           fullWidth
           mt="xl"