Improve UI responsiveness and enhance component functionality

[dounmte]

This pull request introduces several improvements and fixes across the frontend and mobile codebases, focusing on file upload validation, map and UI enhancements, and booking sorting/filtering logic. The most notable changes include stricter image type enforcement for media uploads, improved map marker rendering, and enhanced booking sorting and filter initialization.

File Upload Validation and UI Updates:

• Updated accepted image types for file uploads by specifying a whitelist of supported MIME types in MediaAttachmentSection.tsx and mediaService.ts, ensuring only images (not PDFs or other formats) can be uploaded. The upload error messages were also clarified. [1] [2] [3]
• Changed the attachment button text to "Images Only" for clarity.

Map and UI Improvements:

• Improved map marker rendering in ServiceLocationSection.tsx and LocationMapPicker.tsx by ensuring markers are only displayed after the map is initialized, preventing premature rendering and potential errors. [1] [2] [3] [4]
• Made the service details section sticky and height-fit on larger screens for better UX in ServiceDetails.tsx.
• Improved tooltip hover behavior by scoping the group class to avoid conflicts in Tooltip.tsx.

Booking Sorting and Filtering Logic:

• Changed the sorting order of bookings on the client mobile bookings screen to show most recent bookings first.
• Updated the provider mobile bookings screen to default the timing filter to "Same Day" if there are bookings for today, otherwise fallback to "Scheduled" using a new useEffect. [1] [2]

Receipt Page Title:

• Enhanced the receipt page title to include the package name if available, improving clarity for providers. (src/frontend/src/pages/provider/receipt/[bookingId].tsxL73-R73)