style: update miscellaneous step page

[maksdeb-g]

📝 Overview

This PR updates the Miscellaneous Page in the PyCon registration flow to match the PyCon 2026 design specifications. It preserves existing form handling and validation while updating structure, styling, responsiveness, and field exclusions.

Closes #103

🚀 Type of Change

• 🎨 UI Update: New components, pages, styling, or responsive adjustments.
• 🔌 CMS Integration: Fetching and wiring data from Payload CMS.
• 🐛 Bug Fix: Fixed a visual glitch, responsive issue, or broken data fetch.
• 🧹 Chore: Dependency updates, code cleanup, or text changes.

---

🎨 Visual, Styling & Responsive Validation

Required for all UI/Frontend changes.

• CSS Styling: Used Tailwind classes correctly. Utilized CSS variables instead of arbitrary classes (avoided things like text-[#FFF]).
• Mobile Testing: Checked on small screens (e.g., iPhone size, <768px).
• Tablet Testing: Checked on medium screens (e.g., iPad size, ~768px-1024px).
• Desktop Testing: Checked on large screens (>1024px).
• Design Comparison: Performed a manual side-by-side comparison of the Figma design vs. the actual implementation to ensure pixel-perfect accuracy (or acceptable tolerances).

---

🔌 CMS Integration Checklist

Skip this section if no CMS API changes were made.

• Endpoint Hit Correctly: Verified data is being fetched correctly from the right Payload endpoint/schema.
• No Hardcoded Data: Removed mock/hardcoded data where dynamic content is expected.
• Fallback States Handled: Handled missing data gracefully (e.g., default images, empty states).

---

📸 Visual Evidence (Mandatory)

Important

Visual proof is required to demonstrate the UI changes. Please attach Before/After screenshots or screen recordings (GIFs/Videos) of the implementation, including responsive behaviors (resizing the browser).
You must provide evidence that you ran npm run build and npm run start (or npx serve) and tested the production build.

Drag and drop screenshots/videos here:
Mobile

Tablet

Desktop

Screen.Recording.2026-09-03.170618.mp4

---

📋 Final Checklist

• Sync: Rebased from stage and resolved any conflicts.
• CI Pipeline: The PR passes all CI checks (Security, Linting, Build).
• Build: Project builds and runs locally without errors (npm run build and npm run start).
• Visuals: Attached mandatory visual evidence proving the UI works and matches design on the production build.

🧠 Extra Notes / Questions