dev-fe main 머지

frontend/package.json

@@ -17,6 +17,9 @@
     "@radix-ui/react-dropdown-menu": "^2.1.14",
     "@radix-ui/react-select": "^2.2.4",
     "@radix-ui/react-slot": "^1.2.2",
+    "@tailwindcss/typography": "^0.5.16",
+    "@tanstack/react-query": "^5.76.1",
+    "@tanstack/react-query-devtools": "^5.76.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
@@ -25,7 +28,11 @@
     "next-themes": "^0.4.6",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "react-markdown": "^10.1.0",
     "react-router-dom": "^7.6.0",
+    "react-textarea-autosize": "^8.5.9",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.1",
     "sonner": "^2.0.3",
     "tailwind-merge": "^3.2.0",
     "tailwindcss": "^4.1.6",

frontend/src/app/App.tsx

@@ -1,7 +1,15 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import AppRouter from './providers/Router';
 
+const queryClient = new QueryClient();
+
 const App = () => {
-	return <AppRouter />;
+	return (
+		<QueryClientProvider client={queryClient}>
+			<AppRouter />
+			<ReactQueryDevtools />
+		</QueryClientProvider>
+	);
 };
-
 export default App;

frontend/src/app/layout/AppLayout.tsx

@@ -8,7 +8,7 @@ const AppLayout = () => (
 			<Header />
 		</Container>
 
-		<main>
+		<main className='mb-20'>
 			<Container>
 				<Outlet />
 			</Container>

frontend/src/app/providers/Router.tsx

@@ -9,15 +9,16 @@ import { Toaster } from '@/shared/ui/sonner';
 import AppLayout from '@/app/layout/AppLayout';
 import NoHeaderLayout from '@/app/layout/NoHeaderLayout';
 
+import IssueDetailPage from '@/pages/IssueDetailPage';
+import IssueListPage from '@/pages/IssueListPage';
 import LabelListPage from '@/pages/LabelListPage';
-import LoginPage from '@/pages/LoginPage';
 import MilestoneListPage from '@/pages/MilestoneListPage';
-import IssueDetailPage from '@/pages/issues/IssueDetailPage';
-import IssueListPage from '@/pages/issues/IssueListPage';
+import IssueCreatePage from '@/pages/issueCreatePage';
 
-import { IssueCreateModal } from '@/features/issueList/widget';
-
-import AuthGuard from '@/shared/auth/AuthGuard';
+import { GitHubCallbackPage } from '@/pages/github-callback';
+import { LoginPage } from '@/pages/login';
+import { SignUpPage } from '@/pages/signup';
+import { ProtectedRoute } from '@/widgets/auth';
 
 const router = createBrowserRouter([
 	{
@@ -27,21 +28,26 @@ const router = createBrowserRouter([
 				path: '/login',
 				element: <LoginPage />,
 			},
+			{
+				path: '/auth/github/callback',
+				element: <GitHubCallbackPage />,
+			},
+			{
+				path: '/signup',
+				element: <SignUpPage />,
+			},
 		],
 	},
 	{
 		element: (
-			<AuthGuard>
+			<ProtectedRoute>
 				<AppLayout />
-			</AuthGuard>
+			</ProtectedRoute>
 		),
 		children: [
 			{ path: '/', element: <Navigate to='/issues' replace /> },
-			{
-				path: '/issues',
-				element: <IssueListPage />,
-				children: [{ path: 'new', element: <IssueCreateModal /> }],
-			},
+			{ path: '/issues', element: <IssueListPage /> },
+			{ path: '/issues/new', element: <IssueCreatePage /> },
 			{ path: '/issues/:id', element: <IssueDetailPage /> },
 			{ path: '/labels', element: <LabelListPage /> },
 			{ path: '/milestones', element: <MilestoneListPage /> },