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>

app/components/Icons.tsx

@@ -1,23 +1,10 @@
-import type { LucideProps } from "lucide-react";
-import {
-  BookHeart,
-  CookingPot,
-  CupSoda,
-  Fish,
-  Flame,
-  Heater,
-  Leaf,
-  PackageCheck,
-  Salad,
-  Soup,
-  Timer,
-  Utensils,
-  Wind,
-  Zap,
-} from "lucide-react";
+import { RiHeart3Line as BookHeart, RiRestaurant2Line as CookingPot, RiCupLine as CupSoda, RiSailboatLine as Fish, RiFireLine as Flame, RiTempHotLine as Heater, RiLeafLine as Leaf, RiArchive2Line as PackageCheck, RiSeedlingLine as Salad, RiBowlLine as Soup, RiTimerLine as Timer, RiRestaurantLine as Utensils, RiWindyLine as Wind, RiFlashlightLine as Zap } from "@remixicon/react";
+import type { ComponentProps } from "react";
 import type { Appliance, CookingStyle } from "@/app/types";
 
-export function ApplianceIcon({ id, className = "size-4", ...props }: { id: Appliance } & LucideProps) {
+type RemixiconProps = ComponentProps<typeof Flame>;
+
+export function ApplianceIcon({ id, className = "size-4", ...props }: { id: Appliance } & RemixiconProps) {
   const shared = { className, strokeWidth: 1.75, "aria-hidden": true as const, ...props };
   switch (id) {
     case "stovetop":
@@ -37,7 +24,7 @@ export function ApplianceIcon({ id, className = "size-4", ...props }: { id: Appl
   }
 }
 
-export function StyleIcon({ id, className = "size-3.5", ...props }: { id: CookingStyle } & LucideProps) {
+export function StyleIcon({ id, className = "size-3.5", ...props }: { id: CookingStyle } & RemixiconProps) {
   const shared = { className, strokeWidth: 1.75, "aria-hidden": true as const, ...props };
   switch (id) {
     case "caydens_corner":