fix: Remove unnecessary whitespace in table headers across multiple components

src/app/projects/page.js

@@ -195,12 +195,12 @@ export default function ProjectListPage() {
 								</th>
 								<th className="text-left px-2 py-3 font-semibold text-xs text-gray-700 w-24">
 									Status
-								</th>
+								</th>{" "}
 								<th className="text-left px-2 py-3 font-semibold text-xs text-gray-700 w-20">
 									Actions
 								</th>
 							</tr>
-						</thead>{" "}
+						</thead>
 						<tbody>
 							{filteredProjects.map((project, index) => (
 								<tr

src/app/test-dropdowns/page.js

@@ -105,10 +105,9 @@ export default function DropdownTestPage() {
 									<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 										Project Status
 									</th>
-								</tr>
+								</tr>{" "}
 							</thead>
 							<tbody className="bg-white divide-y divide-gray-200">
-								{" "}
 								<tr>
 									<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
 										Test Task in Table