Update topbar layout and styling in App.tsx

client/src/App.tsx

@@ -13,17 +13,19 @@ export default function App() {
   return (
     <div className="app-shell">
       <header className="topbar">
-        <NavLink to="/" className="brand">
+        <div className="container topbar-inner">
-          IG Japanese Quizzer
+          <NavLink to="/" className="brand">
-        </NavLink>
+            IG Japanese Quizzer
-        <nav>
-          <NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}>
-            Overview
           </NavLink>
-          <button className="link" onClick={startRandomQuiz}>
+          <nav>
-            New Random Quiz
+            <NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}>
-          </button>
+              Overview
-        </nav>
+            </NavLink>
+            <button className="link nav-link-btn" onClick={startRandomQuiz}>
+              New Random Quiz
+            </button>
+          </nav>
+        </div>
       </header>
 
       <main className="main">