Enhance mobile experience: responsive bottom dock, camera upload, drawer, and adaptive card scaling; fix IPv6 localhost healthcheck

src/components/PaperCard.tsx

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { CardItem } from '../types';
 import { getShadowStyle } from '../utils/lighting';
 import { Fastener, Stamp, PhotoCorners } from './Fastener';
+import { Pencil } from 'lucide-react';
 
 interface PaperCardProps {
   card: CardItem;
@@ -70,6 +71,20 @@ export const PaperCard: React.FC<PaperCardProps> = ({
         {/* Subtle Paper Grain Filter Overlay */}
         <div className="absolute inset-0 pointer-events-none opacity-25 mix-blend-multiply bg-[radial-gradient(#000_1px,transparent_1px)] [background-size:3px_3px]" />
 
+        {/* Quick Edit button for Mobile & Hover */}
+        <button
+          onClick={(e) => {
+            e.stopPropagation();
+            onDoubleClick(card);
+          }}
+          className={`absolute top-1.5 right-1.5 z-30 p-1 rounded-full bg-black/5 hover:bg-black/15 text-neutral-700 transition ${
+            isHovered ? 'opacity-90' : 'opacity-0 md:opacity-0 max-md:opacity-60'
+          }`}
+          title="Edit note"
+        >
+          <Pencil size={11} />
+        </button>
+
         {/* Paper Corner Curled Illusion for Sticky Notes */}
         {card.type === 'sticky' && (
           <div