Fix: bottom nav bar overlapping content on detail pages

CatalogDetail, ProgramDetail, ProgramSearch and SupportAdmin all use
inline-styled root divs instead of the .page CSS class, so they were
missing the padding-bottom: 96px that clears the fixed bottom nav bar.
Last button/section was hidden behind the nav.

Adds paddingBottom: 96px to each page's root div. Support.jsx has its
own full-height chat layout and is intentionally left as-is.

frontend/src/pages/CatalogDetail.jsx

@@ -84,7 +84,7 @@ export default function CatalogDetail() {
   const groupedWorkouts = groupByWeek(program.workouts)
 
   return (
-    <div style={{ padding: '1rem', maxWidth: '600px', margin: '0 auto' }}>
+    <div style={{ padding: '1rem', paddingBottom: '96px', maxWidth: '600px', margin: '0 auto' }}>
       {/* Back */}
       <button onClick={() => navigate('/programs')} style={{
         background: 'transparent', color: 'var(--text-3)', padding: '8px 0',