Improved the Book Detail modal (Issue #600)

[arpit2006]

Pull Request

Description

[GSSoC'26] Improved the Book Detail modal UI by enhancing layout balance, button consistency, spacing, and responsiveness for a cleaner and more modern user experience.

✨ Changes Made

• Improved action button sizing and alignment consistency
• Enhanced spacing between sections and UI components
• Refined modal visual hierarchy and layout balance
• Improved responsiveness across different screen sizes
• Enhanced hover/focus states for better usability
• Maintained consistency with the existing project theme

Related Issue

Fixes #600

Type of Change

• Bug Fix
• Feature
• Enhancement
• Documentation

Testing

• Tested modal responsiveness on multiple screen sizes
• Verified button alignment and spacing consistency
• Checked UI compatibility with the existing design system

Screenshots

Checklist

• Code follows guidelines
• Tested properly
• Docs updated
• PR title includes the relevant event tag

[netlify]

✅ Deploy Preview for bibliodrift-dm ready!

Name	Link
🔨 Latest commit	719d773
🔍 Latest deploy log	https://app.netlify.com/projects/bibliodrift-dm/deploys/6a0c4f3be1fb7f00083c886b
😎 Deploy Preview	https://deploy-preview-611--bibliodrift-dm.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[devanshi14malhotra]

@arpit2006 pls resolve the merge conflicts...
also.. hope u have made sure that the updated modal works well in both light and dark modes...