Add Blog page with routing, layout, and mock posts; update navigation and localization

src/main.tsx

@@ -6,6 +6,7 @@ import './i18n'
 import { ThemeProvider } from './contexts/ThemeContext'
 import App from './App.tsx'
 import Friends from './pages/Friends.tsx'
+import Blog from './pages/Blog.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
@@ -14,6 +15,7 @@ createRoot(document.getElementById('root')!).render(
         <Routes>
           <Route path="/" element={<App />} />
           <Route path="/friends" element={<Friends />} />
+          <Route path="/blog" element={<Blog />} />
         </Routes>
       </Router>
     </ThemeProvider>