feat: rename keep-notes to memento-note, migrate to PostgreSQL, fix MCP bugs

- Rename directory keep-notes -> memento-note with all code references
- Prisma: SQLite -> PostgreSQL (both app and MCP server schemas)
- Sync MCP schema with main app (add missing fields, relations, indexes)
- Delete 17 SQLite migrations (clean slate for PostgreSQL)
- Remove SQLite dependencies (@libsql/client, better-sqlite3, etc.)
- Fix MCP server: hardcoded Windows DB paths -> DATABASE_URL env var
- Fix MCP server: .dockerignore excluded index-sse.js (SSE mode broken)
- MCP Dockerfile: node:20 -> node:22
- Docker Compose: add postgres service, remove SQLite volume
- Generate favicon.ico, icon-192.png, icon-512.png, apple-icon.png
- Update layout.tsx icons and manifest.json for PNG icons
- Update all .env files for PostgreSQL
- Rewrite README.md with updated sections
- Remove mcp-server/node_modules and prisma/client-generated from git tracking

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

memento-note/components/note-images.tsx

@@ -0,0 +1,68 @@
+import { cn } from "@/lib/utils"
+
+interface NoteImagesProps {
+  images: string[]
+  title?: string | null
+}
+
+export function NoteImages({ images, title }: NoteImagesProps) {
+  if (!images || images.length === 0) return null
+
+  return (
+    <div className={cn(
+      "mb-3 -mx-4",
+      !title && "-mt-4"
+    )}>
+      {images.length === 1 ? (
+        <img 
+          src={images[0]} 
+          alt="" 
+          className="w-full h-auto rounded-lg"
+        />
+      ) : images.length === 2 ? (
+        <div className="grid grid-cols-2 gap-2 px-4">
+          {images.map((img, idx) => (
+            <img 
+              key={idx}
+              src={img} 
+              alt="" 
+              className="w-full h-auto rounded-lg"
+            />
+          ))}
+        </div>
+      ) : images.length === 3 ? (
+        <div className="grid grid-cols-2 gap-2 px-4">
+          <img 
+            src={images[0]} 
+            alt="" 
+            className="col-span-2 w-full h-auto rounded-lg"
+          />
+          {images.slice(1).map((img, idx) => (
+            <img 
+              key={idx}
+              src={img} 
+              alt="" 
+              className="w-full h-auto rounded-lg"
+            />
+          ))}
+        </div>
+      ) : (
+        <div className="grid grid-cols-2 gap-2 px-4">
+          {images.slice(0, 4).map((img, idx) => (
+            <img 
+              key={idx}
+              src={img} 
+              alt="" 
+              className="w-full h-auto rounded-lg"
+            />
+          ))}
+          {images.length > 4 && (
+            <div className="absolute bottom-2 right-2 bg-black/70 text-white px-2 py-1 rounded text-xs">
+              +{images.length - 4}
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  )
+}