Add an "Add a new book" option if search returns no matches

[longbui23]

Co-authored-by: QuangPhung15 phunghuyquang150904@gmail.com

Closes #10049

This PR does these things:

• Add an option to "add a new book" when no results are found on the book search page
• Ensure the layout aligns with the page and stakeholder expectations

Technical

• Choose button element since I saw that there is a figma template for button redesignation project in fellowship opportunities --> later could be easily track down this one to remodify the button?
• Insert an HTML anchor (<a>) element with the following attributes:
  • href="/books/add": Links to the "/books/add" route
  • class="btn btn-primary": Applies Bootstrap button styling
  • Content: Displays localized text for "Add a new book" using $_() function
  • Enclosed in a closing </div> tag, suggesting it's part of a container

Testing

• Use the automatic testing.
• Confirm that the new button is added for adding a new book if no results are found on the book search page
• Cross-check for any visual inconsistencies on related pages and expectations of the stakeholder.

Screenshot

Screen.Recording.2024-12-05.at.9.51.30.PM.mov

Stakeholders

@RayBB

[RayBB]

Great job! Looks perfect to me 👍

Now we just need a review/merge from @cdrini !

[cdrini]

Works like a charm, thank you @longbui23 !

[longbui23]

Thank you so much, @cdrini, for reviewing the code and improving it! Looking forward to contributing more to OL!