[Web版 Phase A] 実ブラウザでの動作確認

Phase A(#175)は、ロジックのテスト28件までで通しています。実ブラウザでは動かしていません。

## 見る必要があること

テストでは代えられない部分です。

- [ ] `showDirectoryPicker` でフォルダを選び、`boostnote.json` と `notes/*.cson` が読めること
- [ ] 編集して保存し、デスクトップ版で開き直して内容が一致すること
- [ ] SNIPPET_NOTE を保存しても `snippets` が壊れないこと(テストでは偽のハンドルで確認済み)
- [ ] 一度閉じてから開き直したとき、「ストレージを開く」1クリックで前回のフォルダに戻れること
- [ ] すでに開いている状態で押したら、別のフォルダを選べること
- [ ] デスクトップ版と同じフォルダを同時に開き、向こうで書き換えてから保存を試みると止まること
- [ ] 書き出し(`showSaveFilePicker`)が動くこと。閉じたときにエラーが出ないこと

## 対象ブラウザ

File System Access APIはChromium系のみです。Safari / Firefoxでは `createRepository()` が見本データにフォールバックします。その挙動も見ておきます。

## 動かし方

```
cd app && npm install && npm run dev
```

Refs #154

Start the app from the app directory with `npm install` and `npm run dev`, then exercise the listed `showDirectoryPicker` and `showSaveFilePicker` flows in a Chromium browser. Compare edited and saved content with the desktop version, including reopening and concurrent edits, and check the fallback behavior in Safari or Firefox. Done means every checklist item has been verified without errors.

Written by the indexing model from the issue text.