refactor: update TypeScript paths and remove unused files

frontend/src/components/ui/AuthForm.tsx → frontend/src/app/(auth)/_components/AuthForm.tsx

@@ -2,8 +2,8 @@
 
 import { useState } from "react";
 import { motion } from "framer-motion";
-import { Input } from "./input";
-import { Button } from "./button";
+import { Input } from "@/app/components/ui/input";
+import { Button } from "@/app/components/ui/button";
 
 interface AuthFormProps {
   type: "login" | "register";

frontend/src/components/auth/ProtectedRoute.tsx → frontend/src/app/(auth)/_components/ProtectedRoute.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, ReactNode } from "react";
 import { useRouter } from "next/navigation";
-import { useAuth } from "@/contexts/AuthContext";
+import { useAuth } from "@/app/contexts/AuthContext";
 import { Loader2 } from "lucide-react";
 
 interface ProtectedRouteProps {

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

@@ -4,7 +4,7 @@ import { useSearchParams, useRouter } from "next/navigation";
 import { useState, useEffect } from "react";
 import { useMutation } from "@tanstack/react-query";
 import { Loader2, Lock, Mail, Eye, EyeOff } from "lucide-react";
-import Logo from "@/components/ui/Logo";
+import Logo from "@/app/components/ui/Logo";
 import { motion } from "framer-motion";
 import Link from "next/link";
 
@@ -15,15 +15,15 @@ import {
   CardDescription,
   CardTitle,
   CardFooter,
-} from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Alert, AlertDescription } from "@/components/ui/alert";
+} from "@/app/components/ui/card";
+import { Button } from "@/app/components/ui/button";
+import { Input } from "@/app/components/ui/input";
+import { Label } from "@/app/components/ui/label";
+import { Alert, AlertDescription } from "@/app/components/ui/alert";
 import { Toaster, toast } from "sonner";
 
-import AnimatedBackground from "@/components/ui/AnimatedBackground";
-import { useAuth } from "@/contexts/AuthContext";
+import AnimatedBackground from "@/app/components/ui/AnimatedBackground";
+import { useAuth } from "@/app/contexts/AuthContext";
 
 interface LoginData {
   email: string;

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

@@ -7,7 +7,7 @@ import { Loader2, Lock, Mail, User, Eye, EyeOff } from "lucide-react";
 import { motion } from "framer-motion";
 import Link from "next/link";
 import { z } from "zod";
-import Logo from "@/components/ui/Logo";
+import Logo from "@/app/components/ui/Logo";
 
 import {
   Card,
@@ -16,14 +16,14 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import AnimatedBackground from "@/components/ui/AnimatedBackground";
+} from "@/app/components/ui/card";
+import { Button } from "@/app/components/ui/button";
+import { Input } from "@/app/components/ui/input";
+import { Label } from "@/app/components/ui/label";
+import { Alert, AlertDescription } from "@/app/components/ui/alert";
+import AnimatedBackground from "@/app/components/ui/AnimatedBackground";
 
-import { registerUser } from "../../../lib/auth";
+import { registerUser } from "@/app/lib/auth";
 
 const registerSchema = z
   .object({

frontend/src/components/sections/ClientCreateProject.tsx → frontend/src/app/(dashboard)/create-project/_components/ClientCreateProject.tsx

@@ -2,15 +2,12 @@
 
 import dynamic from "next/dynamic";
 import { Suspense, useEffect } from "react";
-import { Skeleton } from "@/components/ui/skeleton";
-
-const CreateProjectPage = dynamic(
-  () => import("@/components/sections/CreateProject"),
-  {
-    ssr: false,
-    loading: () => <PageSkeleton />,
-  },
-);
+import { Skeleton } from "@/app/components/ui/skeleton";
+
+const CreateProjectPage = dynamic(() => import("./CreateProject"), {
+  ssr: false,
+  loading: () => <PageSkeleton />,
+});
 
 export default function ClientCreateProject() {
   return (

frontend/src/components/sections/CreateProject.tsx → frontend/src/app/(dashboard)/create-project/_components/CreateProject.tsx

@@ -10,10 +10,10 @@ import { useForm } from "react-hook-form";
 import { useRouter } from "next/navigation";
 import { toast } from "sonner";
 import { ArrowRight, Sparkles, Coins, Wallet } from "lucide-react";
+import { TipsInfoPanel } from "@/app/components/ui/TipsInfoPanel";
+import { CryptoInfoPanel } from "@/app/components/ui/CryptoInfoPanel";
+import { Button } from "@/app/components/ui/button";
 import { SiEthereum, SiSolana } from "react-icons/si";
-import { TipsInfoPanel } from "./TipsInfoPanel";
-import { CryptoInfoPanel } from "./CryptoInfoPanel";
-import { Button } from "@/components/ui/button";
 import {
   Form,
   FormControl,
@@ -22,26 +22,27 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from "@/components/ui/form";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { Checkbox } from "@/components/ui/checkbox";
-import { ProjectPreview } from "./ProjectPreview";
+} from "@/app/components/ui/form";
+import { Input } from "@/app/components/ui/input";
+import { Textarea } from "@/app/components/ui/textarea";
+import { Checkbox } from "@/app/components/ui/checkbox";
+import { ProjectPreview } from "@/app/components/ui/ProjectPreview";
 import { motion, AnimatePresence } from "framer-motion";
-import { useCreateProject } from "@/hooks/useProject";
+import { useCreateProject } from "@/app/(dashboard)/my-projects/_hooks/useProject";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { z, ZodIssueCode } from "zod";
-import { useWalletProviders } from "@/hooks/useWalletProviders";
+import * as z from "zod";
+
+import { ImageUpload } from "@/app/components/ui/ImageUpload";
+import { useUploadThing } from "@/app/lib/uploadthing";
+import { ZodIssueCode } from "zod";
 
-import { ImageUpload } from "@/components/ui/ImageUpload";
-import { useUploadThing } from "@/lib/uploadthing";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
+} from "@/app/components/ui/select";
 
 const ethRE = /^0x[a-fA-F0-9]{40}$/;
 const solRE = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/;

frontend/src/app/create-project/page.tsx → frontend/src/app/(dashboard)/create-project/page.tsx

@@ -1,5 +1,5 @@
-import ClientCreateProject from "@/components/sections/ClientCreateProject";
-import AnimatedBackground from "@/components/ui/AnimatedBackground";
+import ClientCreateProject from "./_components/ClientCreateProject";
+import AnimatedBackground from "@/app/components/ui/AnimatedBackground";
 
 export default function CreateProjectRoute() {
   return (

frontend/src/app/edit-project/[id]/page.tsx → frontend/src/app/(dashboard)/edit-project/[id]/page.tsx

@@ -1,5 +1,5 @@
-import AnimatedBackground from "@/components/ui/AnimatedBackground";
-import ClientEditProject from "@/components/sections/ClientEditProject";
+import AnimatedBackground from "@/app/components/ui/AnimatedBackground";
+import ClientEditProject from "../_components/ClientEditProject";
 
 export default function EditProjectRoute() {
   return (

frontend/src/components/sections/ClientEditProject.tsx → frontend/src/app/(dashboard)/edit-project/_components/ClientEditProject.tsx

@@ -2,15 +2,12 @@
 
 import dynamic from "next/dynamic";
 import { Suspense, useEffect } from "react";
-import { Skeleton } from "@/components/ui/skeleton";
+import { Skeleton } from "@/app/components/ui/skeleton";
 
-const EditProjectPage = dynamic(
-  () => import("@/components/sections/EditProject"),
-  {
-    ssr: false,
-    loading: () => <PageSkeleton />,
-  },
-);
+const EditProjectPage = dynamic(() => import("./EditProject"), {
+  ssr: false,
+  loading: () => <PageSkeleton />,
+});
 
 export default function ClientEditProject() {
   return (

frontend/src/components/sections/EditProject.tsx → frontend/src/app/(dashboard)/edit-project/_components/EditProject.tsx

@@ -2,7 +2,10 @@
 
 import { useState, useEffect } from "react";
 import { useRouter, useParams } from "next/navigation";
-import { useProject, useUpdateProject } from "@/hooks/useProject";
+import {
+  useProject,
+  useUpdateProject,
+} from "@/app/(dashboard)/my-projects/_hooks/useProject";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
@@ -17,16 +20,16 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from "@/components/ui/form";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { Checkbox } from "@/components/ui/checkbox";
-import { Button } from "@/components/ui/button";
-import { ProjectPreview } from "./ProjectPreview";
-import { TipsInfoPanel } from "./TipsInfoPanel";
-import { CryptoInfoPanel } from "./CryptoInfoPanel";
-import { ImageUpload } from "@/components/ui/ImageUpload";
-import { useUploadThing } from "@/lib/uploadthing";
+} from "@/app/components/ui/form";
+import { Input } from "@/app/components/ui/input";
+import { Textarea } from "@/app/components/ui/textarea";
+import { Checkbox } from "@/app/components/ui/checkbox";
+import { Button } from "@/app/components/ui/button";
+import { ProjectPreview } from "@/app/components/ui/ProjectPreview";
+import { TipsInfoPanel } from "@/app/components/ui/TipsInfoPanel";
+import { CryptoInfoPanel } from "@/app/components/ui/CryptoInfoPanel";
+import { ImageUpload } from "@/app/components/ui/ImageUpload";
+import { useUploadThing } from "@/app/lib/uploadthing";
 
 const projectSchema = z.object({
   title: z

frontend/src/app/my-projects/ProjectsContent.tsx → frontend/src/app/(dashboard)/my-projects/ProjectsContent.tsx

@@ -1,9 +1,9 @@
 "use client";
 
 import { useSuspenseQuery } from "@tanstack/react-query";
-import { ProjectsTable } from "@/components/ui/ProjectsTable";
-import { EmptyState } from "@/components/ui/EmptyState";
-import TableSkeleton from "@/components/ui/TableSkeleton";
+import { ProjectsTable } from "./_components/ProjectsTable";
+import { EmptyState } from "@/app/components/ui/EmptyState";
+import TableSkeleton from "@/app/components/ui/TableSkeleton";
 import { getProjects } from "./getProjects";
 import { Suspense } from "react";
 

frontend/src/app/my-projects/ProjectsContentModern.tsx → frontend/src/app/(dashboard)/my-projects/ProjectsContentModern.tsx

@@ -9,11 +9,11 @@ import {
   SortField,
   SortOrder,
   ProjectStatus,
-} from "@/components/ui/ProjectFilters";
-import { ProjectsGrid } from "@/components/ui/ProjectsGrid";
-import { ProjectsTable } from "@/components/ui/ProjectsTable";
-import { EmptyStateModern } from "@/components/ui/EmptyStateModern";
-import { ProjectsGridSkeleton } from "@/components/ui/ProjectsGridSkeleton";
+} from "./_components/ProjectFilters";
+import { ProjectsGrid } from "@/app/components/ui/ProjectsGrid";
+import { ProjectsTable } from "./_components/ProjectsTable";
+import { EmptyStateModern } from "@/app/components/ui/EmptyStateModern";
+import { ProjectsGridSkeleton } from "@/app/components/ui/ProjectsGridSkeleton";
 import { getProjects, Project } from "./getProjects";
 import { Suspense } from "react";
 

frontend/src/components/ui/ProjectFilters.tsx → frontend/src/app/(dashboard)/my-projects/_components/ProjectFilters.tsx

@@ -3,15 +3,15 @@
 import { useState } from "react";
 import { motion } from "framer-motion";
 import { Search, Filter, Grid, List, SortAsc, SortDesc } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
+import { Button } from "@/app/components/ui/button";
+import { Input } from "@/app/components/ui/input";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
+} from "@/app/components/ui/select";
 
 export type ViewMode = "grid" | "table";
 export type SortField = "created_at" | "title" | "goal" | "raised" | "progress";

frontend/src/components/ui/ProjectsTable.tsx → frontend/src/app/(dashboard)/my-projects/_components/ProjectsTable.tsx

@@ -3,18 +3,18 @@
 import { useEffect, useState } from "react";
 import { motion } from "framer-motion";
 import { Eye, Edit, Trash2, Gift } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { Button } from "@/app/components/ui/button";
 import {
   Table,
   TableBody,
   TableCell,
   TableHead,
   TableHeader,
   TableRow,
-} from "@/components/ui/table";
+} from "@/app/components/ui/table";
 import { toast } from "sonner";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { Project as MyProject } from "@/app/my-projects/getProjects";
+import { Project as MyProject } from "@/app/(dashboard)/my-projects/getProjects";
 import Cookies from "js-cookie";
 import { useRouter } from "next/navigation";
 

frontend/src/hooks/useProject.ts → frontend/src/app/(dashboard)/my-projects/_hooks/useProject.ts

@@ -7,7 +7,7 @@ import {
   deleteProject,
   ProjectInput,
   ProjectResponse,
-} from "@/services/projectService";
+} from "@/app/services/projectService";
 
 const PROJECTS_KEY = ["projects"] as const;
 const MY_PROJECTS_KEY = ["my-projects"] as const;

frontend/src/app/my-projects/page.tsx → frontend/src/app/(dashboard)/my-projects/page.tsx

@@ -1,5 +1,5 @@
-import { PageHeader } from "@/components/ui/PageHeader";
-import AnimatedBackground from "@/components/ui/AnimatedBackground";
+import { PageHeader } from "@/app/components/ui/PageHeader";
+import AnimatedBackground from "@/app/components/ui/AnimatedBackground";
 import ProjectsContentModern from "./ProjectsContentModern";
 
 export default function MyProjectsPage() {

frontend/src/components/sections/CtaSection.tsx → frontend/src/app/_components/CtaSection.tsx

@@ -10,9 +10,9 @@ import {
   Sparkles,
   Clock,
 } from "lucide-react";
-import ButtonPrimary from "@/components/ui/ButtonPrimary";
+import ButtonPrimary from "@/app/components/ui/ButtonPrimary";
 import { useState, useEffect, useRef } from "react";
-import SectionTransition from "@/components/ui/SectionTransition";
+import SectionTransition from "@/app/components/ui/SectionTransition";
 
 export default function CtaSection() {
   const [showConfetti, setShowConfetti] = useState(false);

frontend/src/components/sections/FaqSection.tsx → frontend/src/app/_components/FaqSection.tsx

@@ -3,7 +3,7 @@
 import { useState } from "react";
 import { motion } from "framer-motion";
 import { ChevronDown } from "lucide-react";
-import SectionTransition from "@/components/ui/SectionTransition";
+import SectionTransition from "@/app/components/ui/SectionTransition";
 
 const faqs = [
   {

frontend/src/components/sections/FeaturesSection.tsx → frontend/src/app/_components/FeaturesSection.tsx

@@ -12,7 +12,7 @@ import {
   ArrowRight,
   Sparkles,
 } from "lucide-react";
-import SectionTransition from "@/components/ui/SectionTransition";
+import SectionTransition from "@/app/components/ui/SectionTransition";
 
 const features = [
   {

frontend/src/components/sections/HeroSection.tsx → frontend/src/app/_components/HeroSection.tsx

@@ -3,11 +3,11 @@
 import { useRef, useState, useEffect } from "react";
 import { motion, useMotionValue, useTransform, useSpring } from "framer-motion";
 import { ArrowRight, Code } from "lucide-react";
-import ButtonPrimary from "@/components/ui/ButtonPrimary";
-import ButtonSecondary from "@/components/ui/ButtonSecondary";
-import ParticleSystem from "@/components/ui/ParticleSystem";
-import SectionTransition from "@/components/ui/SectionTransition";
-import Logo from "@/components/ui/Logo";
+import ButtonPrimary from "@/app/components/ui/ButtonPrimary";
+import ButtonSecondary from "@/app/components/ui/ButtonSecondary";
+import ParticleSystem from "@/app/components/ui/ParticleSystem";
+import SectionTransition from "@/app/components/ui/SectionTransition";
+import Logo from "@/app/components/ui/Logo";
 
 // Component for animated numbers
 // function AnimatedNumber({

frontend/src/components/sections/HowItWorksSection.tsx → frontend/src/app/_components/HowItWorksSection.tsx

@@ -13,7 +13,7 @@ import {
   RotateCcw,
   CheckCircle,
 } from "lucide-react";
-import SectionTransition from "@/components/ui/SectionTransition";
+import SectionTransition from "@/app/components/ui/SectionTransition";
 
 const steps = [
   {

frontend/src/components/sections/ProjectsPreviewSection.tsx → frontend/src/app/_components/ProjectsPreviewSection.tsx

@@ -11,12 +11,12 @@ import { motion } from "framer-motion";
 import Link from "next/link";
 import { Search, ArrowRight } from "lucide-react";
 
-import { getProjects } from "@/services/projectService";
-import { ProjectsGrid } from "@/components/ui/ProjectsGrid";
-import { ProjectsGridSkeleton } from "@/components/ui/ProjectsGridSkeleton";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import SectionTransition from "@/components/ui/SectionTransition";
+import { getProjects } from "@/app/services/projectService";
+import { ProjectsGrid } from "@/app/components/ui/ProjectsGrid";
+import { ProjectsGridSkeleton } from "@/app/components/ui/ProjectsGridSkeleton";
+import { Input } from "@/app/components/ui/input";
+import { Button } from "@/app/components/ui/button";
+import SectionTransition from "@/app/components/ui/SectionTransition";
 
 export default function ProjectsPreviewSection() {
   const [searchQuery, setSearchQuery] = useState("");