fix: toolbar now renders outside overflow container, supports 4 corner positions (top-left/right, bottom-left/right)

src/app/client/page.tsx

@@ -19,7 +19,7 @@ export default async function ClientPage() {
 	const [hotelName, clientUrl, defaultToolbarPosition] = await Promise.all([
 		resolveHotelName(),
 		siteSettings.get("nitro_client_url", ""),
-		siteSettings.get("client_toolbar_position", "right"),
+		siteSettings.get("client_toolbar_position", "top-right"),
 	]);
 
 	const ip = (await headers()).get("x-real-client-ip") ?? "0.0.0.0";
@@ -35,7 +35,7 @@ export default async function ClientPage() {
 			clientUrl={clientUrl || "/nitro-client/"}
 			hotelName={hotelName}
 			initialOnline={onlineCount}
-			defaultToolbarPosition={defaultToolbarPosition ?? "right"}
+			defaultToolbarPosition={defaultToolbarPosition ?? "top-right"}
 		/>
 	);
 }