Add utility functions, components, and global styles for UI enhancements

Author: Adityasinghvats

components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package-lock.json

@@ -9,12 +9,21 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@radix-ui/react-label": "^2.1.2",
+    "@tabler/icons": "^3.31.0",
+    "@tabler/icons-react": "^3.31.0",
     "appwrite": "^17.0.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.5.0",
     "immer": "^10.1.1",
+    "lucide-react": "^0.483.0",
     "next": "15.2.3",
     "node-appwrite": "^15.0.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "tailwind-merge": "^3.0.2",
+    "tw-animate-css": "^1.2.4",
     "zustand": "^5.0.3"
   },
   "devDependencies": {

package.json

@@ -0,0 +1,30 @@
+"use client";
+import { useAuthStore } from "@/store/Auth";
+import { useRouter } from "next/router";
+import React from "react";
+import { BackgroundBeams } from "@/components/ui/background-beams";
+
+//all the subfolder inside the auth will be containerized inside of layout
+export default function Layout({
+    children,
+  }: Readonly<{
+    children: React.ReactNode;
+  }>) {
+    
+    const {session} = useAuthStore();
+    const router = useRouter();
+    React.useEffect(() => {
+        if (session){
+            router.push('/')
+        }
+    }, [session, router])
+    if (session){
+        return null;
+    }
+    return (
+      <div className="relative flex min-h-screen flex-col items-center justify-center py-12">
+      <BackgroundBeams />
+      <div className="relative">{children}</div>
+    </div>
+    );
+  }