Fix broken bugs

Author: switz

src/app/(browse)/layout.tsx

@@ -4,7 +4,7 @@ import cn from '@/lib/cn';
 import { getIsInIframe } from '@/lib/isInIframe';
 import { ReactNode } from 'react';
 
-export default function BrowseLayout({
+export default async function BrowseLayout({
   children,
   artists,
   years,
@@ -19,7 +19,7 @@ export default function BrowseLayout({
   songs: ReactNode;
   sources: ReactNode;
 }) {
-  const isInIframe = getIsInIframe();
+  const isInIframe = await getIsInIframe();
 
   return (
     <Flex column className="h-screen">

src/components/NavBar.tsx

@@ -42,7 +42,7 @@ export default async function NavBar() {
       <div className="navigation relative flex h-[50px] max-h-[50px] min-h-[50px] grid-cols-3 justify-between border-b-[1px] border-b-[#aeaeae] bg-white text-foreground lg:grid">
         <MainNavHeader
           artistSlugsToName={artistSlugsToName}
-          indexOverride={isInIframe ? '/wsp' : ''}
+          indexOverride={isInIframe ? '/wsp' : undefined}
         />
         <div className="player min-w-[60%] flex-1 text-center lg:min-w-[44vw] xl:min-w-[38vw]">
           <Player artistSlugsToName={artistSlugsToName} />