Fix: display version in the footer on local instance

[tejas-raskar]

What does this PR do?

Displays the current version in the footer on local instances similar to that on cloud instances.

Test Plan

• Ran pnpm run tests, pnpm run checks, pnpm run lint, and pnpm run format to maintain the code quality.
• Verified using separate browsers to confirm the changes work as expected. Here are the results -

Desktop view:

For $isSmallViewport, I tried to maintain the same design as that of the cloud version. The version is shown on the separate line instead of the same line as desktop view.

Mobile view:

Related PRs and Issues

Fixes #1997

Have you read the Contributing Guidelines on issues?

Yes

[coolify-appwrite-org]

The preview deployment is ready. 🟢

Open Preview | Open Build Logs

Last updated at: 2025-07-25 14:15:05 CET

[coolify-appwrite-org]

The preview deployment is ready. 🟢

Open Preview | Open Build Logs

Last updated at: 2025-07-25 14:15:09 CET

[docimin]

Maybe it's a smart idea to put the version to the right of Privacy, instead of below, as well as remove the seperator in mobile, so this actually looks mobile friendly?

[tejas-raskar]

I tried to keep it consistent with the cloud version. But I too think version besides Privacy is a good idea. This is how the cloud version looks like:

[Copilot]

Pull Request Overview

This PR fixes the version display in the footer to show on local instances, not just cloud instances. The changes restructure the conditional rendering logic to ensure version information appears consistently across both deployment types while maintaining responsive design.

• Removes the cloud-only restriction for version display in small viewports
• Reorganizes the layout structure to properly handle version display for both cloud and local instances
• Maintains existing responsive behavior and visual design patterns

[Copilot]

This closing {/if} statement appears to be misplaced or unmatched. Based on the diff context, it should correspond to the {#if !$isSmallViewport} condition that opens at line 85, but the indentation and logical flow suggest a structural issue in the conditional blocks.

[HarshMN2345]

@tejas-raskar Thanks for the PR! We'll confirm with our design team and get back to you shortly. Appreciate your contribution! 🙌

[HarshMN2345]

I tried to keep it consistent with the cloud version. But I too think version besides Privacy is a good idea. This is how the cloud version looks like:

Hey @tejas-raskar,
I checked with the design team and they suggested a small improvement, can we make it a bit smarter so that the version only moves to the next line if there's not enough space to keep it in the first row?

Instead of always rendering the version on a new line for small viewports, we could improve the layout by letting it stay in the first row unless there isn’t enough space.

[tejas-raskar]

@HarshMN2345 Great! I will do the required changes and commit it on this branch itself.
Thanks for confirming.

[tejas-raskar]

I made the version inline with the other links as requested and also added the wrap prop to make the footer wrap around when the text overflows.

Screencast.From.2025-07-25.19-28-42.mp4

[tejas-raskar]

@HarshMN2345 The test is failing due to some other errors in files that are not touched by this PR. I can only see one warning relevant to this PR which is removing of the unused CSS. How should I proceed?