Import pk from camera, QR visibility toggles, docs

- Add Import pk from camera: scan QR → restore pb → auto login → refresh
- Add scanner.js (jsQR) for camera QR decode
- QR visibility: pk shown by default, pb hidden by default (toggles)
- Update docs/frontend-development.md with scanner, Import pk, QR behavior

Made-with: Cursor

docs/frontend-development.md

@@ -13,7 +13,8 @@ web/
 ├── index.html    # Entry page, Vue/Vuetify from CDN
 ├── app.js        # Vue app, state, handlers
 ├── api.js        # GeoApiClient wrapper for browser
-└── qr.js         # QR code generation (pk/pb keys)
+├── qr.js         # QR code generation (pk/pb keys)
+└── scanner.js    # QR scanner from camera (Import pk)
 ```
 
 ### Running locally
@@ -30,6 +31,7 @@ web/
 - Vue 3 and Vuetify 3 from CDN (no npm install in `web/`)
 - `libs/geo-api-client/dist/index.js` — built ESM client
 - `qr.js` — imports `qrcode` from esm.sh
+- `scanner.js` — imports `jsQR` from esm.sh for camera scan
 
 ### Build step for client
 
@@ -44,7 +46,7 @@ With Docker, the image build runs this automatically.
 
 ### Features (use-cases test)
 
-- Connection & Identity: API URL, key generation, pk/pb display, QR codes, restore pb from pk, register, login
+- Connection & Identity: API URL, key generation, pk/pb display, QR codes (pk shown by default, pb behind toggle), restore pb from pk, **Import pk from camera** (scan QR → restore pb → auto login → refresh collections), register, login
 - Collections: create, select, rename, remove
 - Features: add point (lon/lat validation -180..180, -90..90), remove, list