fix(sidebar): eliminate full page reloads and fix notebook actions visibility

- Fix createNotebookOptimistic to call loadNotebooks() + triggerRefresh()
  after POST, so new notebooks appear immediately without page reload
- Remove window.location.reload() from delete-notebook-dialog (context
  already handles state refresh)
- Rewrite edit-notebook-dialog to use updateNotebook() from context
  instead of raw fetch + full page reload
- Fix NoteRefreshContext: remove refreshKey from useCallback deps to
  prevent unstable triggerRefresh callback cascade
- Fix notebook actions menu visibility: consolidate NotebookActions and
  expand button into single positioned container with proper z-index
- Add actions menu to active/selected notebook (was previously missing)
- Use proper Notebook type instead of any in sidebar components
- Increase button pr-20 to pr-24 to reserve space for actions
- Remove redundant router.refresh() from create-notebook-dialog

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

keep-notes/components/notebook-actions.tsx

@@ -9,47 +9,46 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
+import { Notebook } from '@/lib/types'
 
 interface NotebookActionsProps {
-  notebook: any
+  notebook: Notebook
   onEdit: () => void
   onDelete: () => void
-  onSummary?: () => void // NEW: Summary action callback (IA6)
+  onSummary?: () => void
 }
 
 export function NotebookActions({ notebook, onEdit, onDelete, onSummary }: NotebookActionsProps) {
   const { t } = useLanguage()
   return (
-    <div className="opacity-0 group-hover:opacity-100 transition-opacity flex items-center">
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <Button
-            variant="ghost"
-            size="sm"
-            className="h-8 w-8 p-0"
-          >
-            <MoreVertical className="h-3 w-3" />
-          </Button>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="end">
-          {onSummary && (
-            <DropdownMenuItem onClick={onSummary}>
-              <FileText className="h-4 w-4 mr-2" />
-              {t('notebook.summary')}
-            </DropdownMenuItem>
-          )}
-          <DropdownMenuItem onClick={onEdit}>
-            <Edit2 className="h-4 w-4 mr-2" />
-            {t('notebook.edit')}
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant="ghost"
+          size="sm"
+          className="h-8 w-8 p-0"
+        >
+          <MoreVertical className="h-3 w-3" />
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end">
+        {onSummary && (
+          <DropdownMenuItem onClick={onSummary}>
+            <FileText className="h-4 w-4 mr-2" />
+            {t('notebook.summary')}
           </DropdownMenuItem>
-          <DropdownMenuItem
-            onClick={onDelete}
-            className="text-red-600"
-          >
-            {t('notebook.delete')}
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-    </div>
+        )}
+        <DropdownMenuItem onClick={onEdit}>
+          <Edit2 className="h-4 w-4 mr-2" />
+          {t('notebook.edit')}
+        </DropdownMenuItem>
+        <DropdownMenuItem
+          onClick={onDelete}
+          className="text-red-600"
+        >
+          {t('notebook.delete')}
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
   )
 }