fix(docs_site): perfect hero header alignment and slideshow card layout

[davitnapitupulu]

Summary

• Hero Header Centering: Positioned .hero-mark\ (PharmaLoka SVG icon) cleanly above the \�1.9.3 Release — Production Ready\ badge with flex column alignment so the logo and badge are 100% centered with no horizontal offset.
• Smartphone Slideshow Refinement:
  • Aligned the slider control card vertically (\�lign-items: flex-start) with the phone mockup.
  • Added click-to-zoom links on all mobile slides.
  • Refined button hover/focus styles for both previous and next controls.