feat(content): add How It Works page with markdown support

- Create HowItWorksPage component with markdown rendering
- Add how-it-works.md with Lorem Ipsum placeholder content
- Add /how-it-works route in App.jsx
- Add How It Works link to homepage footer (Product section)

frontend/src/App.jsx

@@ -22,6 +22,7 @@ import ActivityLogsPage from './pages/admin/ActivityLogsPage';
 import ContactMessagesPage from './pages/admin/ContactMessagesPage';
 import ContactPage from './pages/ContactPage';
 import AboutUsPage from './pages/AboutUsPage';
+import HowItWorksPage from './pages/HowItWorksPage';
 import NotFoundPage from './pages/NotFoundPage';
 import VerificationBanner from './components/common/VerificationBanner';
 import InstallPWA from './components/pwa/InstallPWA';
@@ -232,6 +233,9 @@ function App() {
           {/* About Us Page - Public route */}
           <Route path="/about-us" element={<AboutUsPage />} />
 
+          {/* How It Works Page - Public route */}
+          <Route path="/how-it-works" element={<HowItWorksPage />} />
+
           {/* Public Profile - /u/username format (no auth required) */}
           <Route path="/u/:username" element={<PublicProfilePage />} />