feat(stripe): implement stripe

package.json

@@ -39,6 +39,7 @@
     "react-hook-form": "^7.54.2",
     "react-router-dom": "^7.1.1",
     "recharts": "^2.15.0",
+    "stripe": "^17.6.0",
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",

src/App.tsx

@@ -1,18 +1,20 @@
-import { useAuth } from './contexts/AuthContext';
-import './App.css';
-import { Routes, Route, Navigate } from 'react-router-dom';
-import { HabitList } from './pages/HabitList';
-import { StatsPage } from './pages/StatsPage';
-import { NewHabit } from './pages/NewHabit';
-import { NewTask } from './pages/NewTask';
-import { Home } from './pages/Home';
-import { Auth } from './pages/Auth';
-import Account from './pages/Account';
-import ResetPassword from './pages/ResetPassword';
-import PrivacyPolicy from './pages/PrivacyPolicy';
-import TermsOfUse from './pages/TermsOfUse';
-import { ArchivedTasks } from './pages/ArchivedTasks';
-import { EditTask } from './pages/EditTask';
+import { useAuth } from "./contexts/AuthContext";
+import "./App.css";
+import { Routes, Route, Navigate } from "react-router-dom";
+import { HabitList } from "./pages/HabitList";
+import { StatsPage } from "./pages/StatsPage";
+import { NewHabit } from "./pages/NewHabit";
+import { NewTask } from "./pages/NewTask";
+import { Home } from "./pages/Home";
+import { Auth } from "./pages/Auth";
+import Account from "./pages/Account";
+import ResetPassword from "./pages/ResetPassword";
+import PrivacyPolicy from "./pages/PrivacyPolicy";
+import TermsOfUse from "./pages/TermsOfUse";
+import { ArchivedTasks } from "./pages/ArchivedTasks";
+import { EditTask } from "./pages/EditTask";
+import { PricingPage } from "./pages/PricingPage";
+import { SubscriptionSuccess } from "./pages/SubscriptionSuccess";
 
 function App() {
   const { isAuthenticated } = useAuth();
@@ -27,9 +29,11 @@ function App() {
         <Route path="/account" element={<Account />} />
         <Route path="/archived" element={<ArchivedTasks />} />
         <Route path="/edit-task/:habitId" element={<EditTask />} />
-        <Route path="*" element={<Navigate to="/" replace />} />
+        <Route path="/pricing" element={<PricingPage />} />
+        <Route path="/subscription-success" element={<SubscriptionSuccess />} />
         <Route path="/privacy" element={<PrivacyPolicy />} />
         <Route path="/terms" element={<TermsOfUse />} />
+        <Route path="*" element={<Navigate to="/" replace />} />
       </Routes>
     );
   }
@@ -39,9 +43,10 @@ function App() {
       <Route path="/" element={<Home />} />
       <Route path="/auth" element={<Auth />} />
       <Route path="/reset-password" element={<ResetPassword />} />
-      <Route path="*" element={<Navigate to="/" replace />} />
+      <Route path="/pricing" element={<PricingPage />} />
       <Route path="/privacy" element={<PrivacyPolicy />} />
-      <Route path="/terms-of-use" element={<TermsOfUse />} />
+      <Route path="/terms" element={<TermsOfUse />} />
+      <Route path="*" element={<Navigate to="/" replace />} />
     </Routes>
   );
 }