Add Friends page with layout and navigation; update localization for new content

src/main.tsx

@@ -1,14 +1,21 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
 import './index.css'
 import './i18n'
 import { ThemeProvider } from './contexts/ThemeContext'
 import App from './App.tsx'
+import Friends from './pages/Friends.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <ThemeProvider>
-      <App />
+      <Router>
+        <Routes>
+          <Route path="/" element={<App />} />
+          <Route path="/friends" element={<Friends />} />
+        </Routes>
+      </Router>
     </ThemeProvider>
   </StrictMode>,
 )