Initial fullstack project setup with Next.js 15, Gin, PostgreSQL and Docker Compose

- Frontend: Next.js 15 (App Router), Auth.js v5, shadcn/ui, MagicUI
- Backend: Go + Gin + GORM with layered architecture
- Auth: Local credentials login with optional Keycloak OAuth binding
- Admin: RBAC user management for admin role
- Dev: Docker Compose with hot reload for both frontend and backend
- Docker: 3-service orchestration (frontend, backend, postgres)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/components/magicui/blur-fade.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { motion, useInView, Variants } from "framer-motion";
+import { useRef } from "react";
+
+interface BlurFadeProps {
+  children: React.ReactNode;
+  className?: string;
+  variant?: {
+    hidden: { y: number };
+    visible: { y: number };
+  };
+  duration?: number;
+  delay?: number;
+  yOffset?: number;
+  inView?: boolean;
+  inViewMargin?: `${number}px` | `${number}%` | `${number}px ${number}px` | `${number}px ${number}px ${number}px ${number}px`;
+  blur?: string;
+}
+
+export function BlurFade({
+  children,
+  className,
+  variant,
+  duration = 0.4,
+  delay = 0,
+  yOffset = 6,
+  inView = false,
+  inViewMargin = "-50px",
+  blur = "6px",
+}: BlurFadeProps) {
+  const ref = useRef(null);
+  const isInView = useInView(ref, { once: true, margin: inViewMargin });
+
+  const defaultVariants: Variants = {
+    hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` },
+    visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` },
+  };
+
+  const combinedVariants = variant || defaultVariants;
+
+  return (
+    <motion.div
+      ref={ref}
+      initial="hidden"
+      animate={isInView || !inView ? "visible" : "hidden"}
+      variants={combinedVariants}
+      transition={{
+        y: { duration, delay },
+        opacity: { duration, delay },
+        filter: { duration, delay },
+      }}
+      className={className}
+    >
+      {children}
+    </motion.div>
+  );
+}