fix: use variable for inset layout height calculation

Author: satnaing

src/components/layout/authenticated-layout.tsx

@@ -51,7 +51,8 @@ export function AuthenticatedLayout({ children }: Props) {
 
               // If layout is fixed and sidebar is inset,
               // set the height to 100svh - 1rem (total margins) to prevent overflow
-              'peer-data-[variant=inset]:has-[[data-layout=fixed]]:h-[calc(100svh-1rem)]'
+              // 'peer-data-[variant=inset]:has-[[data-layout=fixed]]:h-[calc(100svh-1rem)]',
+              'peer-data-[variant=inset]:has-[[data-layout=fixed]]:h-[calc(100svh-(var(--spacing)*4))]'
             )}
           >
             {children ?? <Outlet />}