refactor: responsive: device units (#17551)

web/src/routes/auth/onboarding/+page.svelte

@@ -56,7 +56,7 @@
   const SvelteComponent = $derived(onboardingSteps[index].component);
 </script>
 
-<section id="onboarding-page" class="min-w-screen flex min-h-screen p-4">
+<section id="onboarding-page" class="min-w-dvw flex min-h-dvh p-4">
   <div class="flex flex-col w-full">
     <div class="w-full bg-gray-300 dark:bg-gray-600 rounded-md h-2">
       <div
@@ -64,7 +64,7 @@
         style="width: {(index / (onboardingSteps.length - 1)) * 100}%"
       ></div>
     </div>
-    <div class="w-full min-w-screen py-8 flex h-full place-content-center place-items-center">
+    <div class="w-full min-w-dvw py-8 flex h-full place-content-center place-items-center">
       <SvelteComponent onDone={handleDoneClicked} onPrevious={handlePrevious} />
     </div>
   </div>