frontend: clinical UI fixes + chat/composer polish

- chat composer: attach works with text (sr-only file input); lighter
  bordered input box
- messages: defer "+" menu actions past close so file/appointment pickers fire
- tasks: top-level New task button
- chat: condensed appointment card with "View in calendar" deep-link;
  appointments page auto-opens the month calendar from ?calendar=&date=
- lab: work-queue rows expand to show task detail + complete
- inventory: clickable item detail dialog
- pharmacy: Dispense action records a dispense + "Recently dispensed" feed;
  expiring badge uses endDate and only flags <=2 days left
- prescriptions: keyboard nav in patient search, inventory-backed medication
  combobox (free-text fallback), optional start/end dates; thread dates through
- sidebar: whole nav scrolls as one
- i18n keys for all new strings

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

frontend/components/chat/chat-input.tsx

@@ -106,10 +106,10 @@ export function ChatInput({
         event.preventDefault();
         submit();
       }}
-      className="w-full shrink-0 overflow-hidden rounded-[28px] border border-border bg-input shadow-sm"
+      className="w-full shrink-0 overflow-hidden rounded-[28px] border border-input bg-background shadow-sm transition-shadow focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/24 dark:bg-input/30"
     >
       {/* Textarea + toolbar, filling the rounded card. */}
-      <div className="bg-input">
+      <div>
         <textarea
           aria-label={t("chat.input.message")}
           className="field-sizing-content block max-h-48 min-h-16 w-full resize-none bg-transparent px-5 pt-5 pb-2 text-base text-foreground outline-none placeholder:text-muted-foreground"
@@ -141,12 +141,16 @@ export function ChatInput({
           </div>
         )}
 
+        {/* Visually hidden (not `display:none`) so programmatic `.click()` from
+            the attach button works reliably across browsers — a `display:none`
+            file input can refuse to open the picker. */}
         <input
           aria-label={t("chat.input.attachFiles")}
-          className="hidden"
+          className="sr-only"
           multiple
           onChange={handleFilesSelected}
           ref={fileInputRef}
+          tabIndex={-1}
           type="file"
         />