Refactor Dashboard layout for improved structure and styling consistency

Author: lemurra_microsoft

webviews/dashboardView/app.tsx

@@ -209,22 +209,23 @@ function Dashboard() {
 						</>
 					) : (
 						<>
-							<h3
-								className="area-header milestone-header"
-								title={`Issue Query: ${issueQuery}`}
-							>
-								{issueQuery ? extractMilestoneFromQuery(issueQuery) : 'Issues'}
-							</h3>
-
-							{dashboardState?.state === 'ready' && (
-								<div className="section-header">
-									<div className="section-count">
-										{milestoneIssues.length || 0} issue{milestoneIssues.length !== 1 ? 's' : ''}
-									</div>
+							<div className="area-header milestone-header">
+								<h3
+									className="milestone-title"
+									title={`Issue Query: ${issueQuery}`}
+								>
+									{issueQuery ? extractMilestoneFromQuery(issueQuery) : 'Issues'}
+								</h3>
+								{dashboardState?.state === 'ready' && (
 									<SortDropdown
 										issueSort={issueSort}
 										onSortChange={setIssueSort}
 									/>
+								)}
+							</div>
+							{dashboardState?.state === 'ready' && (
+								<div className="section-count">
+									{milestoneIssues.length || 0} issue{milestoneIssues.length !== 1 ? 's' : ''}
 								</div>
 							)}
 							<div className="area-content">

webviews/dashboardView/index.css

@@ -175,7 +175,6 @@ body {
 	grid-area: issues;
 	display: flex;
 	flex-direction: column;
-	gap: 8px;
 }
 
 .tasks-area {
@@ -203,6 +202,9 @@ body {
 	cursor: help;
 	display: inline-block;
 	margin-top: 8px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
 }
 
 .session-item, .issue-item {