feat: add interactive comparison tools with React integration

- Integrate React into Astro for client-side interactivity
- Create BreakEvenCalculator component for cost analysis
- Build ComparisonMatrix for side-by-side plan comparisons
- Add CompatibilityMatrix to show tool-model compatibility
- Implement FilterBar with search and filtering capabilities
- Develop RecommendationWizard for personalized plan suggestions
- Create dedicated compare page with structured layout
- Update existing pages to support new interactive features

Author: IrvanFza

astro.config.mjs

@@ -1,11 +1,13 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
 import tailwindcss from '@tailwindcss/vite';
+import react from '@astrojs/react';
 
 // https://astro.build/config
 export default defineConfig({
   output: 'static',
   site: 'https://mycodingplan.com',
+  integrations: [react()],
   vite: {
     plugins: [tailwindcss()]
   }