feat(group): add node group management UI

Add node group management interface with automatic user assignment and traffic-based grouping.

Features:
- Node group CRUD with traffic range configuration
- Three grouping modes: average, subscription-based, and traffic-based
- Group recalculation with preview and history tracking
- Subscribe-to-group mapping management
- User subscription group locking
- Group calculation history with detailed reports
- Multi-language support (en-US, zh-CN)
- Enhanced node and subscription forms with group selection

packages/ui/src/composed/date-picker.tsx

@@ -53,17 +53,18 @@ export function DatePicker({
           )}
           variant="outline"
         >
-          {value ? intlFormat(value) : <span>{placeholder}</span>}
+          <span className="truncate">{value ? intlFormat(value) : <span>{placeholder}</span>}</span>
           <div className="flex items-center gap-2">
             {value && (
-              <button
-                className="flex items-center"
+              <span
+                className="flex items-center cursor-pointer"
                 onClick={handleClear}
                 onMouseDown={handleClear}
-                type="button"
+                role="button"
+                tabIndex={0}
               >
                 <X className="size-4 opacity-50 hover:opacity-100" />
-              </button>
+              </span>
             )}
             <CalendarIcon className="size-4" />
           </div>