refactored Authentication

src/apps/officer-web/Screens/Authentication/Layout/Background.tsx

@@ -0,0 +1,19 @@
+import { DuckAvatar } from "./DuckAvatar";
+import { PixelGrid } from "@/components/PixelGrid";
+import landscapebg from './landscape1.jpg';
+
+export function Background() {
+  return (
+    <div
+      className="absolute inset-0 z-0"
+      style={{
+        backgroundImage: `url(${landscapebg})`,
+        backgroundSize: 'cover',
+        backgroundPosition: 'center center',
+      }}
+    >
+      <PixelGrid />
+      <DuckAvatar showDebug={false} fullControlMode={false} currentSection={0} />
+    </div>
+  );
+};