ui: improve layout spacing and window dimensions

[hoangnv170752]

Summary

• Fix UI layout issues: prevent window from being resized too small and improve content spacing.

What Changed

• Set minimum window size (1024×700) to prevent layout breakage on small screens
• Increased default window size to 1280×800 for better initial experience
• Added top padding to main content area
• Added padding to SlideDrawer body so section titles are not flush against edges
• Fixed service form grid alignment in GroupManagement page

Verification

npm run tauri dev
npm test
npm run build

Risks / Follow-up

• None

[chuanman2707]

Code review (updated)

Found 1 issue:

1. SlideDrawer giờ luôn bọc {children} bằng flex-1 overflow-y-auto p-6, thay đổi contract của component từ "caller tự render body" sang "component luôn bọc". Hậu quả: các caller hiện có đã tự wrap sẽ bị double padding + nested overflow-y-auto. Ít nhất 3 chỗ regress:

• RoomDrawer.tsx#L292-L296 — đã có flex-1 overflow-y-auto p-6 space-y-5
• RoomDetailPanel.tsx#L216-L220 — đã có flex-1 overflow-y-auto p-6 space-y-6
• GuestProfileSheet.tsx#L79-L88 — Metrics row vốn full-width có border-b sẽ bị outer p-6 inset, vỡ layout edge-to-edge; phần body sau đó cũng tự có flex-1 overflow-y-auto p-6 → nested scroll.

Điểm thay đổi trong PR: SlideDrawer.tsx#L55-L61

Cách xử lý an toàn hơn: giữ SlideDrawer như cũ và chỉ thêm padding ở caller cần (GroupManagement), hoặc thêm prop opt-in (vd. padded / bodyClassName) thay vì ép mặc định cho mọi drawer.

Note: bản review trước của tôi đã bỏ sót issue này. Cảm ơn Codex đã catch.

🤖 Generated with Claude Code

_{- If this code review was useful, please react with 👍. Otherwise, react with 👎.}