feat: Move fullscreen toggle to settings modal

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>

webclient/src/App.js

@@ -187,6 +187,15 @@ function App() {
 							<button className={theme === 'dark' ? 'active' : ''} onClick={() => { dark() }}>Dark</button>
 							<button className={theme === 'black' ? 'active' : ''} onClick={() => { black() }}>Black</button>
 							<button className={theme === 'red' ? 'active' : ''} onClick={() => { red() }}>Red</button>
+							{fullScreenAvailable &&
+								<div style={{ marginTop: '0.5rem' }}>
+									{!isFullScreen ?
+										<button onClick={() => goFullScreen()}>Enter Fullscreen</button>
+										:
+										<button onClick={() => exitFullScreen()}>Exit Fullscreen</button>
+									}
+								</div>
+							}
 						</div>
 						<div className="setting-group">
 							<h4>Feed</h4>
@@ -274,13 +283,6 @@ function App() {
 						<br />
 						<span className='slogan'>Hacker News, Reddit, Lobsters, and Tildes articles rendered in reader mode.</span>
 					</p>
-					{fullScreenAvailable &&
-						<Route path='/(|search)' render={() => !isFullScreen ?
-							<button className='fullscreen' onClick={() => goFullScreen()}>Enter Fullscreen</button>
-						:
-							<button className='fullscreen' onClick={() => exitFullScreen()}>Exit Fullscreen</button>
-						} />
-					}
 					<Route path='/(|search)' component={Search} />
 					<Route path='/(|search)' component={Submit} />
 				</div>