feat: custom background image config option

frontend/src/components/layout/layout.tsx

@@ -1,8 +1,14 @@
+import { useAppContext } from "@/context/app-context";
 import { LanguageSelector } from "../language/language";
 
 export const Layout = ({ children }: { children: React.ReactNode }) => {
+  const { backgroundImage } = useAppContext();
+
   return (
-    <div className="flex flex-col justify-center items-center min-h-svh bg-[url(/background.jpg)] bg-cover">
+    <div
+      className={`flex flex-col justify-center items-center min-h-svh bg-[url(${backgroundImage})] bg-cover`}
+    >
+      <img></img>
       <LanguageSelector />
       {children}
     </div>

frontend/src/schemas/app-context-schema.ts

@@ -7,7 +7,8 @@ export const appContextSchema = z.object({
     genericName: z.string(),
     domain: z.string(),
     forgotPasswordMessage: z.string(),
-    oauthAutoRedirect: z.string(),
+    // oauthAutoRedirect: z.string(),
+    backgroundImage: z.string(),
 })
 
 export type AppContextSchema = z.infer<typeof appContextSchema>;