feat: display app version (#98)

app/[locale]/layout.tsx

@@ -10,6 +10,7 @@ import { WorkoutSessionsSynchronizer } from "@/features/workout-session/ui/worko
 import { ThemeSynchronizer } from "@/features/theme/ui/ThemeSynchronizer";
 import { Header } from "@/features/layout/Header";
 import { Footer } from "@/features/layout/Footer";
+import { Version } from "@/components/version";
 import { TailwindIndicator } from "@/components/utils/TailwindIndicator";
 import { NextTopLoader } from "@/components/ui/next-top-loader";
 import { ServiceWorkerRegistration } from "@/components/pwa/ServiceWorkerRegistration";
@@ -217,6 +218,8 @@ export default async function RootLayout({ params, children }: RootLayoutProps)
               <Footer />
             </div>
 
+            <Version />
+
             <TailwindIndicator />
           </Providers>
         </body>

src/components/version.tsx

@@ -0,0 +1,10 @@
+import { appVersion } from "@/shared/lib/version";
+
+export const Version = () => (
+  <div className="absolute bottom-2 right-4">
+    <span className="text-xs text-gray-500 dark:text-gray-600/50">
+      v{appVersion}
+    </span>
+  </div>
+
+);

src/shared/lib/version.ts

@@ -0,0 +1,3 @@
+import pkg from "../../../package.json";
+
+export const appVersion = pkg.version;