fix: fix global layout overscroll + link colors (#404)

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

@@ -102,14 +102,15 @@ const TranscriptCreate = () => {
       flexDir="column"
       margin="auto"
       gap={2}
-      overflowY="auto"
       maxH="100%"
+      px={{ base: 5, md: 10 }}
+      py={5}
     >
       <Flex
         flexDir={{ base: "column", md: "row" }}
         justify="space-between"
         align="center"
-        gap={4}
+        gap={8}
       >
         <Flex
           flexDir="column"

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

@@ -10,7 +10,6 @@ type TranscriptList = {
   refetch: () => void;
 };
 
-//always protected
 const useTranscriptList = (page: number): TranscriptList => {
   const [response, setResponse] = useState<Page_GetTranscript_ | null>(null);
   const [loading, setLoading] = useState<boolean>(true);