chore: public api 적용

packages/common/components/src/api/index.ts

@@ -0,0 +1 @@
+export * from "./user";

packages/common/components/src/api/user.ts

@@ -1,6 +1,6 @@
 import { useMutation } from "@tanstack/react-query";
-import { client } from "../api/client";
-import { ENDPOINT } from "../config/api";
+import { ENDPOINT } from "../config";
+import { client } from "./client";
 
 export interface UserInfo {
   userName: string;

packages/common/components/src/config/index.ts

@@ -0,0 +1,2 @@
+export * from "./api";
+export * from "./env";

packages/common/components/src/ui/header/index.tsx

@@ -1,6 +1,8 @@
 "use client";
 
+import { useEffect, useState } from "react";
 import { images } from "@common/assets";
+import { useUsersMutation, type UserInfo } from "../../api";
 import {
   DropdownMenu,
   DropdownMenuTrigger,
@@ -8,8 +10,6 @@ import {
   DropdownMenuItem,
 } from "../dropdown-menu";
 import { Button } from "../button";
-import { useUsersMutation, type UserInfo } from "../../api/user";
-import { useEffect, useState } from "react";
 
 export function Header() {
   const { mutate } = useUsersMutation();