Move UI to BoardUI with slate + salmon theme; add PDF plan export

- Adopt BoardUI (Pro init): theme tokens, Inter, .dark mode, Button,
  SegmentedControl, Meter, Skeleton and ThemeToggle; remap the app's
  color aliases onto BoardUI tokens and swap lucide for Remix icons
- Retint BoardUI's neutral ramp to cool slate with a salmon accent;
  drop the dotted background; raise muted text contrast
- Simplify the landing page and remove the overlap explorer
- Planner: explicit "I have this" toggle on grocery lines, pantry panel
  above the menu with the staples list spelled out, sticky aisle
  header fix, and a "Download PDF" plan export (jsPDF, lazy-loaded)
- Recipes: replace the family cabbage soup with Cade's Cabbage Soup
  (adds Bone-In Ham Steak to the catalog); remove Ham, Bean & Cabbage Soup
- Remove unused BoardUI components, dependencies and exports

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

components/foundations/direction/direction.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import type { HTMLAttributes, ReactNode } from "react";
+import { I18nProvider, useLocale } from "react-aria-components";
+import { cx } from "@/utils/cx";
+
+export type Direction = "ltr" | "rtl";
+
+export interface DirectionProviderProps extends Omit<HTMLAttributes<HTMLDivElement>, "dir" | "lang" | "children"> {
+  /** BCP 47 language tag. Arabic and Hebrew resolve to RTL; Chinese to LTR. */
+  locale: string;
+  children: ReactNode;
+}
+
+/** Keeps CSS direction, React Aria keyboard behavior and portalled menus in sync.
+ * Use at the app root, or nest providers for regions in another language.
+ * The default display: contents boundary preserves the surrounding layout.
+ */
+export function DirectionProvider({ locale, ...props }: DirectionProviderProps) {
+  return (
+    <I18nProvider locale={locale}>
+      <DirectionBoundary {...props} />
+    </I18nProvider>
+  );
+}
+
+function DirectionBoundary({ children, className, ...props }: Omit<DirectionProviderProps, "locale">) {
+  const { locale, direction } = useLocale();
+  return <div {...props} lang={locale} dir={direction} className={cx("contents", className)}>{children}</div>;
+}
+
+/** Also works inside a React Aria I18nProvider. */
+export function useDirection(): Direction {
+  return useLocale().direction;
+}