✨Auth Page Dark/Light mode toggle button (#1265)

* ✨ Dark/Light toggle button

* 💄 Moved button to top right

* 💄 Moved button to top right

* ✨ Toggle Button component + integrations

* 💄 Rounding corners + Floating background onboard

src/pages/onboard.tsx

@@ -5,6 +5,8 @@ import fs from 'fs';
 import { GetServerSideProps, InferGetServerSidePropsType } from 'next';
 import Head from 'next/head';
 import { OnboardingSteps } from '~/components/Onboarding/onboarding-steps';
+import { ThemeSchemeToggle } from '~/components/ThemeSchemeToggle/ThemeSchemeToggle';
+import { FloatingBackground } from '~/components/layout/Background/FloatingBackground';
 import { prisma } from '~/server/db';
 import { getConfig } from '~/tools/config/getConfig';
 import { getServerSideTranslations } from '~/tools/server/getServerSideTranslations';
@@ -25,6 +27,10 @@ export default function OnboardPage({
         <title>Onboard • Homarr</title>
       </Head>
 
+      <FloatingBackground />
+
+      <ThemeSchemeToggle pos="absolute" top={20} right={20} variant="default" />
+
       <Stack h="100dvh" bg={background} spacing={0}>
         <Center
           bg={fn.linearGradient(145, colors.red[7], colors.red[5])}