Added book info page

[Sourabh782]

Description

A clear and concise description of what the PR does.

• This PR does the following:
  • Adds ...
  • Fixes ...
  • Updates ...

Related Issues

Link any related issues using the format Fixes #issue_number. This helps to automatically close related issues when the PR is merged.

• Placeholder: Fixes #12

Changes

List the detailed changes made in this PR.

• Added a new feature to ... view book page
• Refactored the ...
• Fixed a bug in ...

Testing Instructions

Detailed instructions on how to test the changes. Include any setup needed and specific test cases.

1. Pull this branch.
2. Run npm install to install dependencies.
3. Run npm test to execute the test suite.
4. Verify that ...

Screenshots (if applicable)

https://github.com/user-attachments/assets/eacc3e52-a95d-4479-a60a-b0b1927efb53

Additional Context

Any additional context or information that reviewers should be aware of.

• This PR is based on the following...

Checklist

Make sure to check off all the items before submitting. Mark with [x] if done.

• [X] I have performed a self-review of my code
• [X] I have commented my code, particularly in hard-to-understand areas
• [X] My changes generate no new warnings
• [X] I am working on this issue under GSSOC

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[Suman373]

@Sourabh782 Hey ! Nice work ! 👍 I think the book image can be made wider to improve the ratio as it looks thinner when compared to the details part.

[Sourabh782]

@Sourabh782 Hey ! Nice work ! 👍 I think the book image can be made wider to improve the ratio as it looks thinner when compared to the details part.

Sure I tried it, but size was not increasing, still I'll look into it

[Suman373]

@Sourabh782 Hey ! Nice work ! 👍 I think the book image can be made wider to improve the ratio as it looks thinner when compared to the details part.

Sure I tried it, but size was not increasing, still I'll look into it

You have given a max-width to the parent and have fixed the width of both image and details part. Try to adjust both image and details width.

[Sourabh782]

@Suman373 i have fixed that issue also fixed responsiveness issue :

[Suman373]

@Sourabh782 Great work ! 🙌 I hope all the other images are looking like this.
@Trisha-tech verify and merge this.

[Sourabh782]

@Sourabh782 Great work ! 🙌 I hope all the other images are looking like this. @Trisha-tech verify and merge this.

Yes the images src are added at image so all are working, I can share video of it

[Suman373]

@Sourabh782 Great work ! 🙌 I hope all the other images are looking like this. @Trisha-tech verify and merge this.

Yes the images src are added at image so all are working, I can share video of it

Not necessary !

[Sourabh782]

@Trisha-tech can you check this pr?

[Trisha-tech]

@Trisha-tech can you check this pr?

Kindly look into this once, details of the book are not showing. @Sourabh782

[Sourabh782]

@Trisha-tech can you check this pr?

Kindly look into this once, details of the book are not showing. @Sourabh782

Can you share ss?