feat: 어드민 Bruno API 테스트(Postman) 페이지 추가 (#445)

* feat: 어드민 공통 사이드바와 textarea 컴포넌트 추가

* feat: 어드민 Bruno API 테스트 페이지 추가

Author: manNomi

apps/admin/src/components/layout/AdminSidebar.tsx

@@ -0,0 +1,56 @@
+import { Building2, FileText, FlaskConical, UserCircle2 } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+interface AdminSidebarProps {
+	activeMenu: "scores" | "bruno";
+}
+
+const sideMenus = [
+	{ key: "university", label: "대학 관리", icon: Building2 },
+	{ key: "mentor", label: "멘토 관리", icon: UserCircle2 },
+	{ key: "user", label: "유저 관리", icon: UserCircle2 },
+	{ key: "scores", label: "성적 관리", icon: FileText, to: "/scores" as const },
+	{ key: "bruno", label: "Bruno API", icon: FlaskConical, to: "/bruno" as const },
+] as const;
+
+export function AdminSidebar({ activeMenu }: AdminSidebarProps) {
+	return (
+		<aside className="flex w-[212px] flex-col border-r border-k-100 bg-bg-100 px-5 py-7">
+			<div className="mb-10">
+				<p className="typo-sb-11 text-primary">Solid Connection</p>
+				<h1 className="mt-1 typo-bold-1 tracking-[-0.03em] text-primary-700">
+					Admin
+					<br />
+					boards
+				</h1>
+			</div>
+
+			<p className="mb-4 typo-sb-11 text-k-400">관리 메뉴</p>
+			<nav className="space-y-1.5">
+				{sideMenus.map((menu) => {
+					const isActive = menu.key === activeMenu;
+					const menuClassName = cn(
+						"flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-left typo-medium-3 transition-colors",
+						isActive ? "bg-primary-100 text-primary" : "text-k-400 hover:bg-k-0 hover:text-k-700",
+					);
+
+					if ("to" in menu) {
+						return (
+							<a key={menu.label} href={menu.to} className={menuClassName}>
+								<menu.icon className="h-4 w-4" />
+								{menu.label}
+							</a>
+						);
+					}
+
+					return (
+						<button key={menu.label} type="button" className={menuClassName} disabled>
+							<menu.icon className="h-4 w-4" />
+							{menu.label}
+						</button>
+					);
+				})}
+			</nav>
+		</aside>
+	);
+}

apps/admin/src/components/ui/textarea.tsx

@@ -7,7 +7,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<"tex
 		return (
 			<textarea
 				className={cn(
-					"flex min-h-20 w-full rounded-md border border-k-200 bg-k-0 px-3 py-2 typo-regular-4 text-k-700 shadow-sm transition-colors placeholder:text-k-400 focus-visible:border-primary focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+					"flex min-h-24 w-full rounded-md border border-k-200 bg-k-0 px-3 py-2 typo-regular-4 text-k-700 shadow-sm transition-colors placeholder:text-k-400 focus-visible:border-primary focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
 					className,
 				)}
 				ref={ref}

apps/admin/src/routeTree.gen.ts

@@ -11,6 +11,7 @@
 import { Route as rootRouteImport } from './routes/__root'
 import { Route as IndexRouteImport } from './routes/index'
 import { Route as ScoresIndexRouteImport } from './routes/scores/index'
+import { Route as BrunoIndexRouteImport } from './routes/bruno/index'
 import { Route as AuthLoginRouteImport } from './routes/auth/login'
 
 const IndexRoute = IndexRouteImport.update({
@@ -23,6 +24,11 @@ const ScoresIndexRoute = ScoresIndexRouteImport.update({
   path: '/scores/',
   getParentRoute: () => rootRouteImport,
 } as any)
+const BrunoIndexRoute = BrunoIndexRouteImport.update({
+  id: '/bruno/',
+  path: '/bruno/',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const AuthLoginRoute = AuthLoginRouteImport.update({
   id: '/auth/login',
   path: '/auth/login',
@@ -32,30 +38,34 @@ const AuthLoginRoute = AuthLoginRouteImport.update({
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
   '/auth/login': typeof AuthLoginRoute
+  '/bruno/': typeof BrunoIndexRoute
   '/scores/': typeof ScoresIndexRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
   '/auth/login': typeof AuthLoginRoute
+  '/bruno': typeof BrunoIndexRoute
   '/scores': typeof ScoresIndexRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/': typeof IndexRoute
   '/auth/login': typeof AuthLoginRoute
+  '/bruno/': typeof BrunoIndexRoute
   '/scores/': typeof ScoresIndexRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths: '/' | '/auth/login' | '/scores/'
+  fullPaths: '/' | '/auth/login' | '/bruno/' | '/scores/'
   fileRoutesByTo: FileRoutesByTo
-  to: '/' | '/auth/login' | '/scores'
-  id: '__root__' | '/' | '/auth/login' | '/scores/'
+  to: '/' | '/auth/login' | '/bruno' | '/scores'
+  id: '__root__' | '/' | '/auth/login' | '/bruno/' | '/scores/'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
   AuthLoginRoute: typeof AuthLoginRoute
+  BrunoIndexRoute: typeof BrunoIndexRoute
   ScoresIndexRoute: typeof ScoresIndexRoute
 }
 
@@ -75,6 +85,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ScoresIndexRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/bruno/': {
+      id: '/bruno/'
+      path: '/bruno'
+      fullPath: '/bruno/'
+      preLoaderRoute: typeof BrunoIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/auth/login': {
       id: '/auth/login'
       path: '/auth/login'
@@ -88,6 +105,7 @@ declare module '@tanstack/react-router' {
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   AuthLoginRoute: AuthLoginRoute,
+  BrunoIndexRoute: BrunoIndexRoute,
   ScoresIndexRoute: ScoresIndexRoute,
 }
 export const routeTree = rootRouteImport