feat(ext/popup): SecureNote view + form on shared helpers

extension/src/popup/components/item-detail.ts

@@ -5,19 +5,21 @@ import { navigate } from '../popup';
 import type { Item } from '../../shared/types';
 import { getState } from '../popup';
 import * as login from './types/login';
+import * as secureNote from './types/secure-note';
 
 export async function renderItemDetail(app: HTMLElement): Promise<void> {
   // Tear down any tickers/handlers from a previous detail render before
   // the next one boots up. Each type module owns its own teardown; we
   // call all of them since the dispatcher doesn't know which was active.
   login.teardown();
+  secureNote.teardown();
 
   const item = getState().selectedItem;
   if (!item) { navigate('list'); return; }
 
   switch (item.type) {
     case 'login':       return login.renderDetail(app, item);
-    case 'secure_note':
+    case 'secure_note': return secureNote.renderDetail(app, item);
     case 'identity':
     case 'card':
     case 'key':