refactor(hooks): move hooks to root directory

frontend/src/app/(main)/chat/Home.tsx

@@ -1,28 +1,21 @@
 // app/page.tsx or components/Home.tsx
 'use client';
-import React, {
-  useEffect,
-  useState,
-  useRef,
-  useCallback,
-  useContext,
-} from 'react';
+import React, { useEffect, useState, useRef, useCallback } from 'react';
 import {
   ResizablePanelGroup,
   ResizablePanel,
   ResizableHandle,
 } from '@/components/ui/resizable';
 import { CodeEngine } from '@/components/code-engine/code-engine';
 import { GET_CHAT_HISTORY } from '@/graphql/request';
-import { useMutation, useQuery } from '@apollo/client';
+import { useQuery } from '@apollo/client';
 import { toast } from 'sonner';
 import { EventEnum } from '@/components/enum';
-import { useModels } from '../../hooks/useModels';
-import { useChatList } from '../../hooks/useChatList';
-import { useChatStream } from '../../hooks/useChatStream';
+import { useModels } from '../../../hooks/useModels';
+import { useChatList } from '../../../hooks/useChatList';
+import { useChatStream } from '../../../hooks/useChatStream';
 import EditUsernameForm from '@/components/edit-username-form';
 import ChatContent from '@/components/chat/chat';
-import { ProjectContext } from '@/components/code-engine/project-context';
 
 export default function Home() {
   // Initialize state, refs, and custom hooks

frontend/src/app/(main)/chat/layout.tsx

@@ -1,5 +1,4 @@
-import type { Metadata, Viewport } from 'next';
-import MainLayout from './MainLayout';
+import MainLayout from './main-layout';
 
 export default function Layout({
   children,

frontend/src/app/(main)/chat/MainLayout.tsx → frontend/src/app/(main)/chat/main-layout.tsx

@@ -1,6 +1,5 @@
 'use client';
 import React, { useEffect, useState } from 'react';
-import { useAuthContext } from '@/app/providers/AuthProvider';
 import { useRouter } from 'next/navigation';
 import { ResizablePanel, ResizablePanelGroup } from '@/components/ui/resizable';
 import { SidebarProvider } from '@/components/ui/sidebar';
@@ -9,8 +8,9 @@ import { ChatSideBar } from '@/components/sidebar';
 import ProjectModal from '@/components/project-modal';
 import { useQuery } from '@apollo/client';
 import { ProjectProvider } from '@/components/code-engine/project-context';
-import { useChatList } from '@/app/hooks/useChatList';
+import { useChatList } from '@/hooks/useChatList';
 import { GET_USER_PROJECTS } from '@/graphql/request';
+import { useAuthContext } from '@/providers/AuthProvider';
 
 export default function MainLayout({
   children,

frontend/src/app/(main)/page.tsx

@@ -6,10 +6,10 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { useTheme } from 'next-themes';
 
-import { SignUpModal } from '@/components/SignUpModal';
-import { SignInModal } from '@/components/SignInModal';
-import { AuthChoiceModal } from '@/components/AuthChoiceModal';
-import { useAuthContext } from '../providers/AuthProvider';
+import { SignUpModal } from '@/components/sign-up-modal';
+import { SignInModal } from '@/components/sign-in-modal';
+import { AuthChoiceModal } from '@/components/auth-choice-modal';
+import { useAuthContext } from '@/providers/AuthProvider';
 
 export default function HomePage() {
   const [message, setMessage] = useState('');

frontend/src/app/layout.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 import './globals.css';
-import { BaseProviders } from './providers/BaseProvider';
+import { BaseProviders } from '@/providers/BaseProvider';
 
 const inter = Inter({ subsets: ['latin'] });
 

frontend/src/components/chat/chat-bottombar.tsx

@@ -14,9 +14,9 @@ import {
   StopIcon,
 } from '@radix-ui/react-icons';
 import { Mic, SendHorizonal } from 'lucide-react';
-import useSpeechToText from '@/app/hooks/useSpeechRecognition';
+import useSpeechToText from '@/hooks/useSpeechRecognition';
 import MultiImagePicker from '../image-embedder';
-import useChatStore from '@/app/hooks/useChatStore';
+import useChatStore from '@/hooks/useChatStore';
 import Image from 'next/image';
 
 export default function ChatBottombar({

frontend/src/components/chat/chat-list.tsx

@@ -10,7 +10,7 @@ import CodeDisplayBlock from '../code-display-block';
 import { Message } from '../types';
 import { Button } from '../ui/button';
 import { Pencil } from 'lucide-react';
-import { useAuth } from '@/app/hooks/useAuth';
+import { useAuth } from '@/hooks/useAuth';
 
 interface ChatListProps {
   messages: Message[];

frontend/src/components/chat/chat-topbar.tsx

@@ -7,7 +7,7 @@ import {
 import React from 'react';
 import { CaretSortIcon } from '@radix-ui/react-icons';
 import { Button } from '../ui/button';
-import { useModels } from '@/app/hooks/useModels';
+import { useModels } from '@/hooks/useModels';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import { Separator } from '@/components/ui/separator';
 import { cn } from '@/lib/utils';

frontend/src/components/code-engine/project-context.tsx

@@ -9,7 +9,7 @@ import React, {
 } from 'react';
 import { useLazyQuery, useMutation, useQuery } from '@apollo/client';
 import { Project } from '../project-modal';
-import { useAuth } from '@/app/hooks/useAuth';
+import { useAuth } from '@/hooks/useAuth';
 import {
   CREATE_PROJECT,
   GET_CHAT_DETAILS,

frontend/src/components/SignInModal.tsx → frontend/src/components/sign-in-modal.tsx

@@ -17,7 +17,7 @@ import { useMutation } from '@apollo/client';
 import { LOGIN_USER } from '@/graphql/mutations/auth';
 import { toast } from 'sonner';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-import { useAuthContext } from '@/app/providers/AuthProvider';
+import { useAuthContext } from '@/providers/AuthProvider';
 
 interface SignInModalProps {
   isOpen: boolean;

frontend/src/components/ui/sidebar.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { VariantProps, cva } from 'class-variance-authority';
-import { useIsMobile } from '@/app/hooks/useIsMobile';
+import { useIsMobile } from '@/hooks/useIsMobile';
 import { cn } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';

frontend/src/components/user-settings.tsx

@@ -15,7 +15,7 @@ import {
 } from '@/components/ui/avatar';
 import { GearIcon } from '@radix-ui/react-icons';
 import { Button } from '@/components/ui/button';
-import { useAuth } from '@/app/hooks/useAuth';
+import { useAuth } from '@/hooks/useAuth';
 import { useRouter } from 'next/navigation';
 import { useMemo, useState, memo } from 'react';
 import { EventEnum } from './enum';

frontend/src/app/hooks/useModels.ts → frontend/src/hooks/useModels.ts

@@ -3,7 +3,7 @@ import { toast } from 'sonner';
 import { useState, useEffect } from 'react';
 import { LocalStore } from '@/lib/storage';
 import { GET_MODEL_TAGS } from '@/graphql/request';
-import { useAuthContext } from '@/app/providers/AuthProvider';
+import { useAuthContext } from '@/providers/AuthProvider';
 
 interface ModelsCache {
   models: string[];