finished many ui changes + polishing dopamine hits

frontend/src/App.jsx

@@ -6,6 +6,8 @@ import Game from './pages/Game';
 import Queue from './pages/Queue';
 import RankedGame from './pages/RankedGame';
 import Settings from './pages/Settings';
+import About from './pages/About';
+import FAQ from './pages/FAQ';
 
 function getValidStoredToken() {
   const token = sessionStorage.getItem('ranked_token');
@@ -41,6 +43,8 @@ export default function App() {
           <Route path="/queue" element={(loggedIn || hasUrlToken()) ? <Queue /> : <Navigate to="/" replace />} />
           <Route path="/ranked-game" element={(loggedIn || hasUrlToken()) ? <RankedGame /> : <Navigate to="/" replace />} />
           <Route path="/settings" element={(loggedIn || hasUrlToken()) ? <Settings /> : <Navigate to="/" replace />} />
+          <Route path="/about" element={<About />} />
+          <Route path="/faq" element={<FAQ />} />
         </Routes>
       </BrowserRouter>
     </ThemeProvider>