Add payment method page

This commit adds a new page for managing payment methods.

src/App.tsx

@@ -12,6 +12,7 @@ import ProfileManagement from "./pages/ProfileManagement";
 import NotificationSettings from "./pages/NotificationSettings";
 import SecurityPrivacySettings from "./pages/SecurityPrivacySettings";
 import HelpSupport from "./pages/HelpSupport";
+import PaymentMethods from "./pages/PaymentMethods";
 import NotFound from "./pages/NotFound";
 import Login from "./pages/Login";
 import Register from "./pages/Register";
@@ -34,6 +35,7 @@ const App = () => (
           <Route path="/notification-settings" element={<NotificationSettings />} />
           <Route path="/security-privacy-settings" element={<SecurityPrivacySettings />} />
           <Route path="/help-support" element={<HelpSupport />} />
+          <Route path="/payment-methods" element={<PaymentMethods />} />
           <Route path="/login" element={<Login />} />
           <Route path="/register" element={<Register />} />
           <Route path="/forgot-password" element={<ForgotPassword />} />