fix: 프로젝트 드롭다운 너비 오류 수정

src/components/project-switcher.tsx

@@ -38,7 +38,9 @@ export function ProjectSwitcher() {
                 {selectedProject ? (
                   <>
                     <span className="font-semibold">Project</span>
-                    <span>{selectedProject.name}</span>
+                    <span>
+                      {selectedProject.name} ({selectedProject.role})
+                    </span>
                   </>
                 ) : (
                   <span className="text-muted-foreground">프로젝트를 선택해주세요</span>
@@ -47,7 +49,7 @@ export function ProjectSwitcher() {
               <ChevronsUpDown className="ml-auto" />
             </SidebarMenuButton>
           </DropdownMenuTrigger>
-          <DropdownMenuContent className="w-[--radix-dropdown-menu-trigger-width]" align="start">
+          <DropdownMenuContent className="w-[var(--radix-dropdown-menu-trigger-width)]" align="start">
             {projects.map((project) => (
               <DropdownMenuItem key={project.id} onSelect={() => handleSelectProject(project)}>
                 {project.name} {project.id === selectedProject?.id && <Check className="ml-auto" />}

src/stores/authStore.ts

@@ -7,7 +7,7 @@ export interface AuthStore {
   username: string;
   isAdmin: boolean;
   projects: Project[];
-  selectedProject: (Project & { role?: string }) | null;
+  selectedProject: (Project & { role: string }) | null;
   setSelectedProject: (project: Project) => Promise<void>;
   authFetch: (input: RequestInfo, init?: RequestInit) => Promise<Response>;
   login: (username: string, password: string) => void;
@@ -23,9 +23,6 @@ export const useAuthStore = create<AuthStore>()(
       projects: [],
       selectedProject: null,
       setSelectedProject: async (project) => {
-        set({ selectedProject: project });
-        console.log(project);
-
         const response = await fetch(`/api/auth/role?projectId=${project.id}`, {
           headers: { 'X-Subject-Token': get().token! },
         });