Project structure changes ad new files added in dashboard folders

components/auth/authCard.tsx

@@ -4,7 +4,7 @@ import { useState } from "react";
 import LoginForm from "./loginForm";
 import VerifyCode from "./verifyCode";
 import ForgotPassword from "./forgetPassword";
-import {Step} from "@/constants/types"
+import {Step} from "@/types/types"
 
 
 

components/auth/authlayout.tsx

@@ -1,4 +1,4 @@
-import { AuthLayoutProps } from "@/constants/types";
+import { AuthLayoutProps } from "@/types/types";
 import LeftPanel from "./leftpanel";
 
 

components/auth/badge.tsx

@@ -0,0 +1,14 @@
+export default function Badge({
+  children,
+  icon,
+}: {
+  children: React.ReactNode;
+  icon: React.ReactNode;
+}) {
+  return (
+    <div className="inline-flex w-fit items-center gap-2 rounded-full border border-slate-700 bg-[#0d1b2d] px-4 py-2 text-sm text-slate-300">
+      <span className="text-teal-400">{icon}</span>
+      {children}
+    </div>
+  );
+}

components/auth/forgetPassword.tsx

@@ -1,8 +1,8 @@
-import FormInput from "@/utils/formInput";
-import Button from "@/utils/button";
+import FormInput from "@/components/common/formInput";
+import Button from "@/components/common/button";
 
 
-import {Props} from "@/constants/types"
+import {Props} from "@/types/types"
 
 
 export default function ForgotPassword({ onBack }: Props) {

components/auth/leftpanel.tsx

@@ -1,6 +1,6 @@
 "use client";
-import Badge from "@/utils/badge";
-import Stat from "@/utils/statCard";
+import Badge from "@/components/auth/badge";
+import Stat from "@/components/auth/statCard";
 
 import { ShieldCheck, KeyRound, FileText } from "lucide-react";
 

components/auth/loginForm.tsx

@@ -1,9 +1,9 @@
 import { Eye,EyeOff } from "lucide-react";
-import FormInput from "@/utils/formInput";
-import Button from "@/utils/button";
+import FormInput from "@/components/common/formInput";
+import Button from "@/components/common/button";
 import { useState } from "react";
 
-import {Props} from "@/constants/types"
+import {Props} from "@/types/types"
 import { signIn } from "next-auth/react";
 
 

components/auth/statCard.tsx

@@ -0,0 +1,16 @@
+export default function Stat({
+  number,
+  label,
+}: {
+  number: string;
+  label: string;
+}) {
+  return (
+    <div>
+      <h2 className="text-3xl font-bold">{number}</h2>
+      <p className="mt-2 text-xs tracking-[3px] text-slate-400">
+        {label}
+      </p>
+    </div>
+  );
+}

components/auth/verifyCode.tsx

@@ -1,8 +1,8 @@
-import Button from "@/utils/button";
+import Button from "@/components/common/button";
 import OTPInput from "./otpInput";
 import { useEffect, useState, } from "react";
 
-import {Props} from "@/constants/types"
+import {Props} from "@/types/types"
 
 
 export default function VerifyCode({ onBack }: Props) {