feat(WEB): QMS 필터 리팩토링 및 공통 컴포넌트 추가

- ScrollableButtonGroup 아톰 컴포넌트 신규 추가
- YearQuarterFilter 분자 컴포넌트 신규 추가
- QMS Filters 컴포넌트 공통 필터로 리팩토링
- QMS Header, AuditSettingsPanel 수정
- DateRangeSelector 개선
- PerformanceReportList 필터 간소화
- ItemMasterDataManagement 수정
- CLAUDE.md 프로젝트 설정 업데이트

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/items/ItemMasterDataManagement.tsx

@@ -473,9 +473,12 @@ function ItemMasterDataManagementContent() {
         icon={Database}
       />
 
-      <Tabs value={activeTab} onValueChange={setActiveTab}>
-        <div className="flex items-center gap-2 mb-4">
-          <TabsList className="flex-1">
+      <Tabs value={activeTab} onValueChange={setActiveTab} className="min-w-0 overflow-x-hidden">
+        <div
+          className="mb-4 min-w-0 overflow-x-auto [&::-webkit-scrollbar]:hidden"
+          style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
+        >
+          <TabsList>
             {customTabs.sort((a, b) => a.order - b.order).map(tab => {
               const Icon = getTabIcon(tab.icon);
               return (