Enhance version display and add update instructions button

[cesarmr-github]

Why not?

2025-12-28.16-05-13.mp4

[prplwtf]

This should probably be a hyperlink, it looks to me like a button action.

[cesarmr-github]

This should probably be a hyperlink, it looks to me like a button action.

And in this way?

[prplwtf]

@cesarmr-github What about this?

<div class="box box-danger">
  <div class="box-header with-border">
    <h3 class="box-title">System Information</h3>
  </div>
  <div class="box-body">
    <p>...</p>
  </div>
  <div class="box-footer">
    <span class="text-muted small">
      Check out the documentation for instructions on
      <a href="https://pterodactyl.io/panel/1.0/updating.html" target="_blank">
        how to update your Pterodactyl panel.
      </a>
    </span>
  </div>
</div>

Wrap the box-footer div within an @if that evaluates true whenever Pterodactyl is out of date.

I personally much prefer more descriptive links as they do a better job at explaining what the user is about to click on.

[cesarmr-github]

@prplwtf I like that format much better, I'll modify the PR. Thank you :)