♻️ refactor(core): Restructure project for better module separation

apps/admin/app/(auth)/page.tsx

@@ -1,13 +1,13 @@
 'use client';
 
 import LanguageSwitch from '@/components/language-switch';
+import ThemeSwitch from '@/components/theme-switch';
 import useGlobalStore from '@/config/use-global';
-import { LoginIcon } from '@repo/ui/lotties';
+import { DotLottieReact } from '@lottiefiles/dotlottie-react';
+import LoginLottie from '@workspace/ui/lotties/login.json';
 import { useTranslations } from 'next-intl';
 import Image from 'next/legacy/image';
 import Link from 'next/link';
-
-import ThemeSwitch from '@/components/theme-switch';
 import UserAuthForm from './user-auth-form';
 
 export default function Page() {
@@ -30,7 +30,12 @@ export default function Page() {
               />
               <span className='text-2xl font-semibold'>{site.site_name}</span>
             </Link>
-            <LoginIcon className='mx-auto hidden w-[275px] md:w-1/2 lg:block xl:w-[500px]' />
+            <DotLottieReact
+              className='mx-auto hidden w-full lg:block'
+              data={LoginLottie}
+              autoplay
+              loop
+            />
             <p className='hidden w-[275px] text-center md:w-1/2 lg:block xl:w-[500px]'>
               {site.site_desc}
             </p>

apps/admin/app/(auth)/turnstile.tsx

@@ -1,12 +1,11 @@
 'use client';
 
+import useGlobalStore from '@/config/use-global';
 import { useLocale } from 'next-intl';
 import { useTheme } from 'next-themes';
 import { useEffect } from 'react';
 import Turnstile, { useTurnstile } from 'react-turnstile';
 
-import useGlobalStore from '@/config/use-global';
-
 export default function CloudFlareTurnstile({
   id,
   value,

apps/admin/app/(auth)/user-auth-form.tsx

@@ -7,10 +7,10 @@ import {
 import useGlobalStore from '@/config/use-global';
 import { checkUser, resetPassword, userLogin, userRegister } from '@/services/common/auth';
 import { getRedirectUrl, setAuthorization } from '@/utils/common';
-import { toast } from '@shadcn/ui/lib/sonner';
 import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
 import { ReactNode, useState, useTransition } from 'react';
+import { toast } from 'sonner';
 import UserCheckForm from './user-check-form';
 import UserLoginForm from './user-login-form';
 import UserRegisterForm from './user-register-form';

apps/admin/app/(auth)/user-check-form.tsx

@@ -1,11 +1,12 @@
+import { zodResolver } from '@hookform/resolvers/zod';
 import { Icon } from '@iconify/react';
-import { Button } from '@shadcn/ui/button';
-import { Form, FormControl, FormField, FormItem, FormMessage } from '@shadcn/ui/form';
-import { Input } from '@shadcn/ui/input';
-import { useForm } from '@shadcn/ui/lib/react-hook-form';
-import { z, zodResolver } from '@shadcn/ui/lib/zod';
+import { Button } from '@workspace/ui/components/button';
+import { Form, FormControl, FormField, FormItem, FormMessage } from '@workspace/ui/components/form';
+import { Input } from '@workspace/ui/components/input';
 import { useTranslations } from 'next-intl';
 import { useEffect, useRef, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
 
 export default function UserCheckForm({
   loading,

apps/admin/app/(auth)/user-login-form.tsx

@@ -1,12 +1,13 @@
 import useGlobalStore from '@/config/use-global';
+import { zodResolver } from '@hookform/resolvers/zod';
 import { Icon } from '@iconify/react';
-import { Button } from '@shadcn/ui/button';
-import { Form, FormControl, FormField, FormItem, FormMessage } from '@shadcn/ui/form';
-import { Input } from '@shadcn/ui/input';
-import { useForm } from '@shadcn/ui/lib/react-hook-form';
-import { z, zodResolver } from '@shadcn/ui/lib/zod';
+import { Button } from '@workspace/ui/components/button';
+import { Form, FormControl, FormField, FormItem, FormMessage } from '@workspace/ui/components/form';
+import { Input } from '@workspace/ui/components/input';
 import { useTranslations } from 'next-intl';
 import { Dispatch, SetStateAction } from 'react';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
 import CloudFlareTurnstile from './turnstile';
 
 export default function UserLoginForm({

apps/admin/app/(auth)/user-register-form.tsx

@@ -1,15 +1,16 @@
 import useGlobalStore from '@/config/use-global';
 import { sendEmailCode } from '@/services/common/common';
+import { zodResolver } from '@hookform/resolvers/zod';
 import { Icon } from '@iconify/react';
-import { Markdown } from '@repo/ui/markdown';
-import { Button } from '@shadcn/ui/button';
-import { Form, FormControl, FormField, FormItem, FormMessage } from '@shadcn/ui/form';
-import { Input } from '@shadcn/ui/input';
-import { useForm } from '@shadcn/ui/lib/react-hook-form';
-import { z, zodResolver } from '@shadcn/ui/lib/zod';
+import { Button } from '@workspace/ui/components/button';
+import { Form, FormControl, FormField, FormItem, FormMessage } from '@workspace/ui/components/form';
+import { Input } from '@workspace/ui/components/input';
+import { Markdown } from '@workspace/ui/custom-components/markdown';
 import { useCountDown } from 'ahooks';
 import { useTranslations } from 'next-intl';
 import { Dispatch, SetStateAction, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
 import CloudFlareTurnstile from './turnstile';
 
 export default function UserRegisterForm({

apps/admin/app/(auth)/user-reset-form.tsx

@@ -1,14 +1,15 @@
 import useGlobalStore from '@/config/use-global';
 import { sendEmailCode } from '@/services/common/common';
+import { zodResolver } from '@hookform/resolvers/zod';
 import { Icon } from '@iconify/react';
-import { Button } from '@shadcn/ui/button';
-import { Form, FormControl, FormField, FormItem, FormMessage } from '@shadcn/ui/form';
-import { Input } from '@shadcn/ui/input';
-import { useForm } from '@shadcn/ui/lib/react-hook-form';
-import { z, zodResolver } from '@shadcn/ui/lib/zod';
+import { Button } from '@workspace/ui/components/button';
+import { Form, FormControl, FormField, FormItem, FormMessage } from '@workspace/ui/components/form';
+import { Input } from '@workspace/ui/components/input';
 import { useCountDown } from 'ahooks';
 import { useTranslations } from 'next-intl';
 import { Dispatch, SetStateAction, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
 import CloudFlareTurnstile from './turnstile';
 
 export default function UserResetForm({