normalize auth provider

www/app/(app)/transcripts/new/page.tsx

@@ -9,35 +9,24 @@ import { useRouter } from "next/navigation";
 import useCreateTranscript from "../createTranscript";
 import SelectSearch from "react-select-search";
 import { supportedLanguages } from "../../../supportedLanguages";
-import useSessionStatus from "../../../lib/useSessionStatus";
 import { featureEnabled } from "../../../domainContext";
-import { signIn } from "next-auth/react";
 import {
   Flex,
   Box,
   Spinner,
   Heading,
   Button,
-  Card,
   Center,
-  Link,
-  CardBody,
-  Stack,
   Text,
-  Icon,
-  Grid,
-  IconButton,
   Spacer,
-  Menu,
-  Tooltip,
-  Input,
 } from "@chakra-ui/react";
+import { useAuth } from "../../../lib/AuthProvider";
 const TranscriptCreate = () => {
   const isClient = typeof window !== "undefined";
   const router = useRouter();
-  const status = useSessionStatus();
-  const isAuthenticated = status === "authenticated";
-  const isLoading = status === "loading";
+  const auth = useAuth();
+  const isAuthenticated = auth.status === "authenticated";
+  const isLoading = auth.status === "loading";
   const requireLogin = featureEnabled("requireLogin");
 
   const [name, setName] = useState<string>("");
@@ -145,7 +134,7 @@ const TranscriptCreate = () => {
             {isLoading ? (
               <Spinner />
             ) : requireLogin && !isAuthenticated ? (
-              <Button onClick={() => signIn("authentik")}>Log in</Button>
+              <Button onClick={() => auth.signIn("authentik")}>Log in</Button>
             ) : (
               <Flex
                 rounded="xl"

www/app/(app)/transcripts/useMp3.ts

@@ -1,8 +1,7 @@
 import { useContext, useEffect, useState } from "react";
 import { DomainContext } from "../../domainContext";
 import { useTranscriptGet } from "../../lib/apiHooks";
-import { useSession } from "next-auth/react";
-import { assertExtendedToken } from "../../lib/types";
+import { useAuth } from "../../lib/AuthProvider";
 
 export type Mp3Response = {
   media: HTMLMediaElement | null;
@@ -21,11 +20,9 @@ const useMp3 = (transcriptId: string, waiting?: boolean): Mp3Response => {
   );
   const [audioDeleted, setAudioDeleted] = useState<boolean | null>(null);
   const { api_url } = useContext(DomainContext);
-  const { data: session } = useSession();
-  const sessionExtended =
-    session === null ? null : assertExtendedToken(session);
+  const auth = useAuth();
   const accessTokenInfo =
-    sessionExtended === null ? null : sessionExtended.accessToken;
+    auth.status === "authenticated" ? auth.accessToken : null;
 
   const {
     data: transcript,