feat: update footer component to handle version display and links dynamically

- Modified the footer component to conditionally display the current versions of Orchestrator and Daemon, replacing hardcoded values with dynamic bindings.
- Added tooltips to provide additional information about the installed versions and links to their respective release pages, improving user experience and accessibility.
- Updated the layout to ensure proper handling of version updates and visibility of available updates.

Author: tacxou

apps/web/src/components/layouts/default/footer.vue

@@ -2,31 +2,47 @@
   q-footer(:class="$q.dark.isActive ? 'bg-dark' : 'bg-white'" bordered)
     q-bar(:class="$q.dark.isActive ? 'bg-dark' : 'bg-white text-black'")
       a(
-        :href="'https://github.com/Libertech-FR/sesame-orchestrator/releases/tag/' + (orchestratorVersion?.currentVersion || '0.0.0')"
-        target="_blank"
+        :href="orchestratorVersion?.currentVersion ? 'https://github.com/Libertech-FR/sesame-orchestrator/releases/tag/' + orchestratorVersion?.currentVersion : 'javascript:void(0)'"
+        :target="orchestratorVersion?.currentVersion ? '_blank' : undefined"
         rel="noopener noreferrer"
         style="color: inherit; text-decoration: none;"
       )
+        q-tooltip.text-body2(
+          v-if="orchestratorVersion?.currentVersion"
+          anchor="top middle"
+          self="bottom middle"
+        )
+          | Version d’Orchestrator actuellement installée : {{ orchestratorVersion?.currentVersion ? ('v' + orchestratorVersion?.currentVersion) : 'N/A' }}.
+          br
+          small.text-caption Cliquez pour ouvrir la page de version et consulter les notes de publication.
         small.gt-xs Orchestrator 
-        small(v-text="'v' + (orchestratorVersion?.currentVersion || '0.0.0')")
-      small.bold  / 
+        small.text-grey-7(v-text="orchestratorVersion?.currentVersion ? ('v' + orchestratorVersion?.currentVersion) : 'N/A'")
+      q-separator.q-mx-sm(vertical inset style="width: 2px;")
       a(
-        :href="'https://github.com/Libertech-FR/sesame-daemon/releases/tag/' + (daemonVersion?.currentVersion || '0.0.0')"
-        target="_blank"
+        :href="daemonVersion?.currentVersion ? 'https://github.com/Libertech-FR/sesame-daemon/releases/tag/' + daemonVersion?.currentVersion : 'javascript:void(0)'"
+        :target="daemonVersion?.currentVersion ? '_blank' : undefined"
         rel="noopener noreferrer"
         style="color: inherit; text-decoration: none;"
       )
+        q-tooltip.text-body2(
+          v-if="daemonVersion?.currentVersion"
+          anchor="top middle"
+          self="bottom middle"
+        )
+          | Version de Daemon actuellement installée : {{ daemonVersion?.currentVersion ? ('v' + daemonVersion?.currentVersion) : 'N/A' }}.
+          br
+          small.text-caption Cliquez pour ouvrir la page de version et consulter les notes de publication.
         small.gt-xs Daemon 
-        small(v-text="'v' + (daemonVersion?.currentVersion || '0.0.0')")
-      div.q-pr-xs
+        small.text-grey-7(v-text="daemonVersion?.currentVersion ? ('v' + daemonVersion?.currentVersion) : 'N/A'")
+      q-separator.q-mx-sm(v-if='orchestratorVersion?.updateAvailable || daemonVersion?.updateAvailable' vertical inset style="width: 2px;")
       q-btn.q-px-xs(
         v-show="orchestratorVersion?.updateAvailable"
         flat stretch icon="mdi-alert-box" color="amber-9"
         href="https://github.com/Libertech-FR/sesame-orchestrator/releases" target="_blank"
       ) Orchestrator
         q-tooltip.text-body2.bg-amber-9
           | MÀJ. disponible (
-          span(v-text="orchestratorVersion?.lastVersion || '0.0.0'")
+          span(v-text="orchestratorVersion?.lastVersion")
           | )
       q-btn.q-px-xs(
         v-show="daemonVersion?.updateAvailable"
@@ -35,7 +51,7 @@
       ) Daemon
         q-tooltip.text-body2.bg-amber-9
           | MÀJ. disponible (
-          span(v-text="daemonVersion?.lastVersion || '0.0.0'")
+          span(v-text="daemonVersion?.lastVersion")
           | )
       q-space
       sesame-core-help-buttons

apps/web/src/layouts/default.vue

@@ -45,13 +45,13 @@ export default defineNuxtComponent({
       eventSeamlessCurrent: 0,
       eventSeamlessCurrentJobs: {},
       orchestratorVersion: {
-        currentVersion: '0.0.0',
-        lastVersion: '0.0.0',
+        currentVersion: null,
+        lastVersion: null,
         updateAvailable: false,
       },
       daemonVersion: {
-        currentVersion: '0.0.0',
-        lastVersion: '0.0.0',
+        currentVersion: null,
+        lastVersion: null,
         updateAvailable: false,
       },
     }