import "~/styles/globals.css"; import { Inter as FontSans } from "next/font/google"; import { cn } from "~/lib/utils" import { auth } from "~/auth" import { SessionProvider } from "next-auth/react"; import Theme_Provider from "~/components/theme/theme_provider" import { type Metadata } from "next"; import Theme_Toggle from '~/components/theme/theme_toggle' import { Button } from "~/components/ui/button" import Link from 'next/link' import Avatar_Popover from "~/components/auth/AvatarPopover"; export const metadata: Metadata = { title: "Tenant Portal", description: "Portal for tenants to pay rent", icons: [{ rel: "icon", url: "/favicon.ico" }], }; const fontSans = FontSans({ subsets: ["latin"], variable: "--font-sans", }); export default async function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { const session = await auth(); if (!session?.user) { return (