feat(pos-pwa): pOS: make TPV installable PWA and launch fullscreen

project/apps/pos/src/app/layout.tsx

@@ -1,9 +1,23 @@
-import type { Metadata } from 'next';
+import type { Metadata, Viewport } from 'next';
 import './globals.css';
 
 export const metadata: Metadata = {
   title: 'Mercado de Vida — TPV',
   description: 'Terminal punto de venta',
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: 'black-translucent',
+    title: 'TPV MdV',
+  },
+  manifest: '/manifest.json',
+};
+
+export const viewport: Viewport = {
+  themeColor: '#70AD47',
+  width: 'device-width',
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {

project/apps/pos/src/app/manifest.ts

@@ -0,0 +1,24 @@
+import type { MetadataRoute } from 'next';
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: 'Mercado de Vida — TPV',
+    short_name: 'TPV MdV',
+    description: 'Terminal punto de venta Mercado de Vida',
+    start_url: '/',
+    scope: '/',
+    display: 'standalone',
+    orientation: 'landscape',
+    background_color: '#111827',
+    theme_color: '#70AD47',
+    categories: ['business', 'shopping'],
+    icons: [
+      {
+        src: '/images/logo-main.png',
+        sizes: 'any',
+        type: 'image/png',
+        purpose: 'any',
+      },
+    ],
+  };
+}