import "~/styles/globals.css"; import { type Metadata } from "next"; import { Inter, Playfair_Display, Geist_Mono } from "next/font/google"; import { TRPCReactProvider } from "~/trpc/react"; import { Toaster } from "~/components/ui/sonner"; import { AnimationPreferencesProvider } from "~/components/providers/animation-preferences-provider"; import { AppearanceProvider } from "~/components/providers/appearance-provider"; import { brand, defaultBodyFontPreference, defaultFontPreference, defaultHeadingFontPreference, defaultInterfaceTheme, defaultRadiusPreference, defaultSidebarStyle, } from "~/lib/branding"; import { UmamiScript } from "~/components/analytics/umami-script"; export const metadata: Metadata = { title: `${brand.name} - Invoicing Made Simple`, description: brand.tagline, icons: [{ rel: "icon", url: "/favicon.ico" }], }; const inter = Inter({ subsets: ["latin"], variable: "--font-inter", display: "swap", }); const playfair = Playfair_Display({ subsets: ["latin"], variable: "--font-playfair", display: "swap", }); const geistMono = Geist_Mono({ subsets: ["latin"], variable: "--font-geist-mono", display: "swap", }); export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (