fix(frontend): resolve login page flickering and resize observer loop. (#2954)

* fix(frontend): resolve login page flickering and resize observer loop.

* fix(frontend): allow vertical scrolling on login page

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

frontend/src/app/(auth)/login/page.tsx

@@ -130,7 +130,7 @@ export default function LoginPage() {
   const actualTheme = theme === "system" ? resolvedTheme : theme;
 
   return (
-    <div className="bg-background flex min-h-screen items-center justify-center">
+    <div className="bg-background relative flex min-h-screen items-center justify-center overflow-x-hidden overflow-y-auto">
       <FlickeringGrid
         className="absolute inset-0 z-0 mask-[url(/images/deer.svg)] mask-size-[100vw] mask-center mask-no-repeat md:mask-size-[72vh]"
         squareSize={4}

frontend/src/components/ui/flickering-grid.tsx

@@ -186,12 +186,12 @@ export const FlickeringGrid: React.FC<FlickeringGridProps> = ({
   return (
     <div
       ref={containerRef}
-      className={cn(`h-full w-full ${className}`)}
+      className={cn("h-full w-full overflow-hidden", className)}
       {...props}
     >
       <canvas
         ref={canvasRef}
-        className="pointer-events-none"
+        className="pointer-events-none block"
         style={{
           width: canvasSize.width,
           height: canvasSize.height,