Analyze the complete project carefully before making any changes. IMPORTANT RULES: * DO NOT break any existing functionality * Follow the existing backend, admin panel, and frontend architecture * Preserve existing API flow and database structure * Maintain the existing coding style and folder structure * Check reusable components before editing * Ensure all UI changes are fully responsive * Verify frontend + backend integration after every change ================================================== FRONTEND CHANGES ================ 1. CONTACT US PAGE --- * On the frontend Contact Us page: * Show the map beside the "Send a Message" form * The map is already available in the Settings module * Use iframe embed implementation * The iframe src value should come dynamically from backend settings * Remove the currently added map/contact section from below the form * In the "Send a Message" form: * Add red * marks for all mandatory fields * Show proper validation messages * Handle empty fields, invalid email, invalid phone number, etc. * Validation UI should be clean and user-friendly ================================================== 2. GALLERY PAGE --- * On the Gallery page: * Change the background color of the "All" filter button to match the footer theme color for better design consistency * When clicking any gallery image: * The image is getting stretched/broken * Fix the zoom functionality properly * Maintain correct image aspect ratio * Ensure the modal/lightbox is responsive * In the gallery modal: * Add Previous/Next navigation arrows * Allow users to navigate between images smoothly * Image transitions should work properly ================================================== ADMIN PANEL CHANGES =================== 3. REMOVE UNUSED IMAGE FIELDS --- * In the admin panel, for all modules where image upload fields exist but images are not being used/shown on the frontend: * Remove those image upload fields from the admin forms/UI IMPORTANT: * Remove only from admin UI/forms * Do NOT remove from database models * Existing APIs and database structure must remain intact ================================================== 4. MANDATORY DISCLOSURE MODULE RESTRUCTURE --- * In Admin Panel → Mandatory Disclosure: * Only these sub modules should remain visible: 1. School Details and Logo 2. Documents 3. Result Statistics 4. Staff (Teaching) 5. Infrastructure * Move all remaining sub modules into a new section called: "Utilities" * Transfer Certificate: * It is already available in the Disclosure module * Remove it from the Utilities section ================================================== 5. ABOUT US → LEADERSHIP MESSAGE --- * In Admin Panel → About Us → Leadership Message: * Add TinyMCE editor to the Description field * Use the same implementation already used in: Academics → Curriculum → Description field * Maintain consistent editor styling and toolbar behavior ================================================== 6. HTML TAGS SHOWING ON FRONTEND --- * Currently, content entered through TinyMCE/editor fields is showing raw HTML tags on the frontend. Example:

HI

ok

* Fix this issue globally Requirements: * Frontend should properly render formatted HTML content * Raw HTML tags should never be visible * Apply this fix to ALL modules where: * Description fields exist * TinyMCE/editor is used * Carefully check all modules across the project ================================================== 7. IMAGE UPLOAD PREVIEW IMPROVEMENT --- * In all admin panel modules where image upload fields exist: * Currently users cannot tell whether the image was uploaded successfully * Improve the UX by adding: * Small thumbnail preview after upload OR * Any proper visual upload confirmation * Preview should be responsive and visually clean * Existing upload functionality must not break ================================================== # FINAL VERIFICATION After implementation, verify: * All frontend pages render correctly * No console errors * No broken APIs * No raw HTML tags visible on frontend pages * Gallery modal works smoothly * Contact page map loads correctly * TinyMCE works properly * Admin image previews work in all modules * Responsive behavior works properly on mobile, tablet, and desktop