Move updateInfo from footer to header

[koudaiii]

Ref

#48

Why

What

Fix it.

How

This pull request refactors how the update information is displayed by reusing and customizing the existing article-metadata-footer element. Instead of always creating a new <p> tag, it now clones the footer, updates its attributes, and inserts the update information in a more structured way. This approach improves consistency with the page’s metadata layout and enhances maintainability.

Improvements to metadata display:

• Clones the article-metadata-footer element to create a new container (custom-header-from-article-metadata-footer) for update information, ensuring consistent styling and structure with existing metadata.
• Updates attributes (id, data-bi-name, data-test-id, and className) on the cloned container for better identification and styling.
• Sets the lang attribute on the metadata list to match the current language.
• Inserts the update information <p> tag after the span.badge inside the relevant list item, improving semantic placement.
• Falls back to the original implementation if the custom container cannot be created, ensuring backward compatibility.

[koudaiii]

https://learn.microsoft.com/ja-jp/azure/app-service/overview-security

https://learn.microsoft.com/ja-jp/azure/app-service/deploy-best-practices

[koudaiii]

added <hr class="hr"> in the buttom.