feat: authentication integration

web/src/layout/BackgroundLayout.tsx

@@ -0,0 +1,15 @@
+import { type FC, type ReactNode } from "react";
+
+export interface IBackgroundLayoutProps {
+  children: ReactNode;
+}
+
+const BackgroundLayout: FC<IBackgroundLayoutProps> = ({ children }) => {
+  return (
+    <div className="relative min-h-screen bg-cover bg-center bg-white dark:bg-black bg-[url(/overlay.jpg)] dark:bg-[url(/dark-overlay.jpg)]">
+      {children}
+    </div>
+  );
+};
+
+export default BackgroundLayout;