# Task 1-b - Fix 2 UI Issues

**Agent:** main
**Status:** Completed

## Summary
Fixed two mobile UI issues:
1. Replaced filter Sheets with centered Dialog modals in House and Shop rental modules
2. Fixed notification dropdown positioning to stay within viewport on mobile

## Changes

### HouseRentalModule.tsx
- Removed Sheet imports (Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription)
- Replaced `<Sheet open={filterOpen}>` with `<Dialog open={filterOpen}>`
- Dialog uses: `max-h-[85vh] max-w-md flex flex-col p-0 gap-0`
- Scrollable content area with `flex-1 overflow-y-auto`
- Sticky bottom action buttons with `border-t bg-background`

### ShopRentalModule.tsx
- Same changes as HouseRentalModule

### Header.tsx
- Changed notification dropdown width from `w-80` to `w-[calc(100vw-2rem)]` for mobile
- Kept `sm:w-96` for desktop
- Reduced max height from `max-h-[80vh]` to `max-h-[70vh]`
- Added `style={{ left: 'auto', minWidth: '280px' }}` for proper positioning

## Verification
- `bun run lint` passed clean
- Dev server compiles successfully