Merge branch 'iipbs_cs' of https://www.onasys.co.kr:3000/ONAANDALL/frontend

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

@@ -65,6 +65,7 @@ export function LNB({
             "h-auto py-4 text-[1.4rem] text-label transition-colors hover:bg-accent",
             isMatched && "bg-accent !text-primary",
           )}
+          data-matched={isMatched}
           onClick={handleClick}
         >
           <i className={cn("diveicon ml-2", `di-${item.iconNm}`)} />
@@ -96,19 +97,21 @@ export function LNB({
       <Collapsible open={isOpen} onOpenChange={handleOpenChange}>
         <SidebarMenuItem>
           <CollapsibleTrigger asChild>
-            <div className="group flex items-center justify-between rounded-sm py-4 pr-2 hover:bg-accent">
-              <SidebarMenuButton className="group/menu-button text-[1.4rem] group-data-[state=open]:bg-transparent">
-                <i
-                  className={cn(
-                    "diveicon ml-2 text-label",
-                    `di-${item.iconNm}`,
-                  )}
-                />
-                <span className="text-label group-hover/menu-button:text-foreground">
-                  {item.menuKornNm}
-                </span>
+            <div className="group">
+              <SidebarMenuButton className="group/menu-button flex h-auto items-center justify-between py-4 pr-2 text-[1.4rem] group-data-[state=open]:bg-transparent">
+                <div className="flex items-center gap-2">
+                  <i
+                    className={cn(
+                      "diveicon ml-2 text-label",
+                      `di-${item.iconNm}`,
+                    )}
+                  />
+                  <span className="text-label group-hover/menu-button:text-foreground">
+                    {item.menuKornNm}
+                  </span>
+                </div>
+                <ChevronRight className="!size-6 text-label group-data-[state=open]:rotate-90" />
               </SidebarMenuButton>
-              <ChevronRight className="size-6 text-label group-data-[state=open]:rotate-90" />
             </div>
           </CollapsibleTrigger>
           <CollapsibleContent>