style: apply formatting to workspace detail extraction

Post-write formatter pass on components extracted for reorganize-long-files.
No behavioral changes.

apps/web/src/components/features/workspace/workspace-detail-header.tsx

@@ -11,7 +11,9 @@ export interface WorkspaceDetailHeaderProps {
 	};
 }
 
-export function WorkspaceDetailHeader({ workspace }: WorkspaceDetailHeaderProps) {
+export function WorkspaceDetailHeader({
+	workspace,
+}: WorkspaceDetailHeaderProps) {
 	return (
 		<header className="workspace-header">
 			<div className="workspace-breadcrumb">

apps/web/src/components/features/workspace/workspace-file-panel.tsx

@@ -101,9 +101,15 @@ export function WorkspaceFilePanel({ workspaceId }: WorkspaceFilePanelProps) {
 						>
 							Commit
 						</button>
-						<button onClick={push} type="button">Push</button>
+						<button onClick={push} type="button">
-						<button onClick={pull} type="button">Pull</button>
+							Push
-						<button onClick={fetch} type="button">Fetch</button>
+						</button>
+						<button onClick={pull} type="button">
+							Pull
+						</button>
+						<button onClick={fetch} type="button">
+							Fetch
+						</button>
 					</div>
 				</div>
 			)}
@@ -154,10 +160,7 @@ export function WorkspaceFilePanel({ workspaceId }: WorkspaceFilePanelProps) {
 										onChange={(e) => setEditContent(e.target.value)}
 									/>
 									<div className="file-editor-actions">
-										<button
+										<button onClick={() => setIsEditing(false)} type="button">
-											onClick={() => setIsEditing(false)}
-											type="button"
-										>
 											Cancel
 										</button>
 										<button onClick={handleSave} type="button">
@@ -166,9 +169,7 @@ export function WorkspaceFilePanel({ workspaceId }: WorkspaceFilePanelProps) {
 									</div>
 								</>
 							) : (
-								<pre className="file-content">
+								<pre className="file-content">{content || "Loading..."}</pre>
-									{content || "Loading..."}
-								</pre>
 							)}
 						</>
 					) : (

apps/web/src/components/features/workspace/workspace-settings-panel.tsx

@@ -6,7 +6,9 @@ interface WorkspaceSettingsPanelProps {
 	workspace: Workspace;
 }
 
-export function WorkspaceSettingsPanel({ workspace }: WorkspaceSettingsPanelProps) {
+export function WorkspaceSettingsPanel({
+	workspace,
+}: WorkspaceSettingsPanelProps) {
 	return (
 		<div className="settings-tab">
 			<div className="settings-section">

apps/web/src/components/features/workspace/workspace-tab-bar.tsx

@@ -45,7 +45,10 @@ export function WorkspaceTabBar({ active, onChange }: WorkspaceTabBarProps) {
 	);
 }
 
-export function WorkspaceMobileTabBar({ active, onChange }: WorkspaceTabBarProps) {
+export function WorkspaceMobileTabBar({
+	active,
+	onChange,
+}: WorkspaceTabBarProps) {
 	return (
 		<nav className="mobile-tab-bar" role="tablist">
 			{TABS.map((tab) => (

apps/web/src/pages/WorkspaceDetailPage.tsx

@@ -47,9 +47,7 @@ export function WorkspaceDetailPage() {
 				{activeTab === "git" && (
 					<WorkspaceGitPanel workspaceId={workspace.id} />
 				)}
-				{activeTab === "tools" && (
+				{activeTab === "tools" && <WorkspaceToolsPanel workspace={workspace} />}
-					<WorkspaceToolsPanel workspace={workspace} />
-				)}
 				{activeTab === "settings" && (
 					<WorkspaceSettingsPanel workspace={workspace} />
 				)}