Add dashboard UI updates and settings modal

pikit-web/tests/service-path.spec.js

@@ -0,0 +1,18 @@
+import { test, expect } from '@playwright/test';
+
+const services = [
+  { name: 'Pi-hole', port: 8089, scheme: 'http', path: '/admin', url: 'http://pikit:8089/admin', online: true, firewall_open: true },
+];
+
+test('service cards show path in URL and preserve click target', async ({ page }) => {
+  await page.goto('/');
+
+  await page.evaluate(async (svcList) => {
+    const mod = await import('/assets/services.js');
+    const grid = document.getElementById('servicesGrid');
+    mod.renderServices(grid, svcList);
+  }, services);
+
+  await expect(page.getByText('Pi-hole')).toBeVisible();
+  await expect(page.getByText('http://pikit:8089/admin')).toBeVisible();
+});