Enhanced VinaKey 2 UI with Modern Design & Smart Onboarding

package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@heroui/button": "^2.2.24",
+    "@heroui/card": "^2.2.23",
     "@heroui/code": "^2.2.18",
     "@heroui/dropdown": "^2.3.24",
     "@heroui/input": "^2.4.25",
@@ -20,6 +21,7 @@
     "@heroui/snippet": "^2.2.25",
     "@heroui/switch": "^2.2.22",
     "@heroui/system": "^2.4.20",
+    "@heroui/table": "^2.2.24",
     "@heroui/theme": "^2.4.20",
     "@heroui/use-theme": "2.1.10",
     "@react-aria/visually-hidden": "3.8.26",

playwright.config.ts

@@ -1,29 +1,29 @@
-import { defineConfig, devices } from '@playwright/test';
+import { defineConfig, devices } from "@playwright/test";
 
 export default defineConfig({
-  testDir: './tests',
+  testDir: "./tests",
   timeout: 30 * 1000,
   expect: {
-    timeout: 5000
+    timeout: 5000,
   },
   fullyParallel: true,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
   workers: process.env.CI ? 1 : undefined,
-  reporter: 'html',
+  reporter: "html",
   use: {
-    baseURL: 'http://localhost:5176',
-    trace: 'on-first-retry',
+    baseURL: "http://localhost:5176",
+    trace: "on-first-retry",
   },
   projects: [
     {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },
     },
   ],
   webServer: {
-    command: 'yarn dev',
+    command: "yarn dev",
     port: 5176,
     reuseExistingServer: !process.env.CI,
   },
-});
+});