Fix TypeScript errors in PMPage and AnnouncementsPage

Recharts Tooltip formatter parameter can be undefined, and Zod
schema optional() caused type mismatch with react-hook-form resolver.

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

Author: jonradoff

frontend/src/pages/admin/AnnouncementsPage.tsx

@@ -150,7 +150,7 @@ export default function AnnouncementsPage() {
 
 const announcementSchema = z.object({
   title: z.string().trim().min(1, 'Title is required'),
-  body: z.string().trim().optional().default(''),
+  body: z.string().trim().default(''),
   publish: z.boolean().default(false),
 });
 

frontend/src/pages/admin/PMPage.tsx

@@ -176,7 +176,7 @@ function KPIsTab() {
               </defs>
               <XAxis dataKey="date" tick={{ fontSize: 10, fill: '#64748b' }} tickLine={false} axisLine={false} />
               <YAxis hide />
-              <Tooltip contentStyle={tooltipStyle} labelStyle={tooltipLabelStyle} formatter={(v: number) => [formatCents(v), 'MRR']} />
+              <Tooltip contentStyle={tooltipStyle} labelStyle={tooltipLabelStyle} formatter={(v) => [formatCents(v as number), 'MRR']} />
               <Area type="monotone" dataKey="value" stroke="#10b981" fill="url(#mrrGrad)" strokeWidth={2} />
             </AreaChart>
           </ResponsiveContainer>
@@ -363,7 +363,7 @@ function EngagementTab() {
               </defs>
               <XAxis dataKey="date" tick={{ fontSize: 10, fill: '#64748b' }} tickLine={false} axisLine={false} />
               <YAxis hide />
-              <Tooltip contentStyle={tooltipStyle} labelStyle={tooltipLabelStyle} formatter={(v: number) => [formatNum(v), 'Credits']} />
+              <Tooltip contentStyle={tooltipStyle} labelStyle={tooltipLabelStyle} formatter={(v) => [formatNum(v as number), 'Credits']} />
               <Area type="monotone" dataKey="value" stroke="#8b5cf6" fill="url(#creditGrad)" strokeWidth={2} />
             </AreaChart>
           </ResponsiveContainer>
@@ -442,7 +442,7 @@ function EventsTab() {
                   </defs>
                   <XAxis dataKey="date" tick={{ fontSize: 10, fill: '#64748b' }} tickLine={false} axisLine={false} />
                   <YAxis hide />
-                  <Tooltip contentStyle={tooltipStyle} labelStyle={tooltipLabelStyle} formatter={(v: number) => [formatNum(v), 'Events']} />
+                  <Tooltip contentStyle={tooltipStyle} labelStyle={tooltipLabelStyle} formatter={(v) => [formatNum(v as number), 'Events']} />
                   <Area type="monotone" dataKey="value" stroke="#10b981" fill="url(#eventGrad)" strokeWidth={2} />
                 </AreaChart>
               </ResponsiveContainer>