redundant solved

[annrose2277-glitch]

📌 Description

I have fixed the Redundant Backdrop & Dialog Behavior bug by removing the manual backdrop div and ensuring the native behavior
is used.

🔗 Related Issue

Closes #63

---

🛠 Changes Made

HTML (index.html)
Removed the manual

element. This div was redundant because the native element provides its own backdrop.

Removed

CSS (style.css)
Verified that styling is correctly applied to the native backdrop using the ::backdrop pseudo-element. This ensures the background still
has the desired aesthetic (blur and tint) without needing a separate DOM element.

modal::backdrop{
background: rgba(255,215,230,0.4);
backdrop-filter: blur(5px);
}

JavaScript (app.js)
Verified that the logic for opening and closing the modal correctly uses the native showModal() and close() methods. Since the manual
backdrop was already absent from the JS logic, no changes were needed here, ensuring a clean and direct implementation.

📷 Screenshots (if applicable)

---

✅ Checklist

• [yes ] I have tested my changes
• [ yes] My code follows project guidelines
• [ yes] I have linked the related issue

[NimaMaria]

This branch has merge conflict