added version number in the footer

ui/src/components/base/FullPage.svelte

@@ -1,11 +1,11 @@
 <script>
+    import PageWrapper from "@/components/base/PageWrapper.svelte";
+
     export let nobranding = false;
 </script>
 
-<div class="page-wrapper full-page-panel">
-    <div class="flex-fill" />
-
-    <div class="wrapper wrapper-sm m-b-xl">
+<PageWrapper class="full-page" center>
+    <div class="wrapper wrapper-sm m-b-xl panel-wrapper">
         {#if !nobranding}
             <div class="block txt-center m-b-lg">
                 <figure class="logo">
@@ -23,18 +23,10 @@
 
         <slot />
     </div>
-
-    <div class="flex-fill" />
-</div>
+</PageWrapper>
 
 <style>
-    .full-page-panel {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        background: var(--baseColor);
-    }
-    .full-page-panel .wrapper {
+    .panel-wrapper {
         animation: slideIn 200ms;
     }
 </style>

ui/src/components/base/PageWrapper.svelte

@@ -0,0 +1,24 @@
+<script>
+    export let center = false;
+
+    let classes = "";
+    export { classes as class }; // export reserved keyword
+</script>
+
+<div class="page-wrapper {classes}" class:center-content={center}>
+    <main class="page-content">
+        <slot />
+    </main>
+
+    <footer class="page-footer">
+        <a
+            href={import.meta.env.PB_RELEASES}
+            class="inline-flex flex-gap-5"
+            target="_blank"
+            rel="noopener"
+            title="Releases"
+        >
+            <span class="txt">PocketBase {import.meta.env.PB_VERSION}</span>
+        </a>
+    </footer>
+</div>