Use DataTable component for teams and projects tables

Consistent table styling across the app with:
- Row hover highlighting
- Clickable rows
- Standard cell padding and borders
- Proper header styling

frontend/src/pages/TeamsPage.css

@@ -171,60 +171,7 @@
   color: var(--color-text-muted);
 }
 
-/* Table */
-.teams-table-container {
-  background: var(--color-bg);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-md);
-  overflow: hidden;
-}
-
-.teams-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-.teams-table th {
-  text-align: left;
-  padding: 0.75rem 1rem;
-  font-size: 0.75rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--color-text-muted);
-  background: var(--color-bg-secondary);
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-.teams-table th:last-child {
-  border-right: none;
-}
-
-.teams-table td {
-  padding: 0.75rem 1rem;
-  font-size: 0.875rem;
-  vertical-align: middle;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-.teams-table td:last-child {
-  border-right: none;
-}
-
-.teams-table tbody tr:last-child td {
-  border-bottom: none;
-}
-
-.team-row {
-  cursor: pointer;
-  transition: background 0.1s ease;
-}
-
-.team-row:hover {
-  background: var(--color-bg-secondary);
-}
+/* Table cell styles */
 
 .team-name-cell {
   display: flex;