feat: Improve edit button visibility

[davisjrule]

What

This pull request addresses issue [#10865] by improving the web user experience on the product page. Previously, the "Edit" and "Share" buttons were positioned at the top and bottom of the page. This placement required users to scroll back to those specific areas to access these actions, which could be inconvenient, especially on pages with extensive product information.

Changes Made:

• Moved "Edit" and "Share" Buttons to Navbar:

  • Updated the product_page.tt.html template to include the "Edit" and "Share" buttons within the navbar's inline list.
  • This change makes the buttons always visible as the user scrolls down the page, enhancing accessibility.

• Adjusted HTML Structure:

  • Incorporated the buttons as <li> elements within the existing <ul class="inline-list"> in the navbar.
  • Ensured that the buttons are properly integrated without disrupting the existing navigation items.

• Removed Redundant "Edit" Button at Bottom:

  • Eliminated the duplicate "Edit" button from the bottom of the product page to streamline the user interface.
  • This reduces clutter and potential confusion for users.

Why These Changes Were Made:

• Enhanced Usability:

  • Keeping the "Edit" and "Share" buttons visible at all times allows users to access these actions without unnecessary scrolling.
  • Improves the overall user experience by making key functionalities readily available.

• Consistency Across Pages:

  • Aligns the product page with modern web design practices where important actions are accessible within sticky navigation elements.
  • Provides a consistent interface for users across different sections of the website.

Screenshot

Related issue(s) and discussion

• Fixes [#10865](Improve web user experience: move edit-product button #10865)

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 48.88%. Comparing base (dc04d18) to head (ec44ac3).
Report is 789 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #11037      +/-   ##
==========================================
- Coverage   49.54%   48.88%   -0.66%     
==========================================
  Files          67       77      +10     
  Lines       20650    22283    +1633     
  Branches     4980     5339     +359     
==========================================
+ Hits        10231    10893     +662     
- Misses       9131    10057     +926     
- Partials     1288     1333      +45     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[alexgarel]

@davisjrule first a great thank you to bring your contribution to this project, I'm sorry for the latency in the review process…

As you changed the file, your editor maybe, linted it, which makes it very hard to understand your changes.
Could you please avoid the linting and just commit your changes ?

[alexgarel]

Also, as you modify the HTML, some test outputs will change so you need to run "make update_tests_results"
In case you are not able to run that command, just notify it, we can do it for you :-)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[alexgarel]

@davisjrule are you willing to try to finish this PR following my comments above ?