UI styling improvements: dashboard headers and navigation

- Restore blue PageHeader on Dashboard (/app-components)
- Update homepage (/) with subtle header design without blue bar
- Add uniform PageHeader styling to application edit page
- Fix Rapporten link on homepage to point to /reports overview
- Improve header descriptions spacing for better readability

frontend/src/components/TeamDashboard.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState, useMemo, useRef, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { getTeamDashboardData, getReferenceData } from '../services/api';
 import type { TeamDashboardData, TeamDashboardTeam, TeamDashboardSubteam, ApplicationStatus, ReferenceValue } from '../types';
+import PageHeader from './PageHeader';
 
 const ALL_STATUSES: ApplicationStatus[] = [
   'In Production',
@@ -708,12 +709,15 @@ export default function TeamDashboard() {
 
   return (
     <div>
-      <div className="mb-6">
-        <h1 className="text-2xl font-bold text-gray-900">Team-indeling</h1>
-        <p className="mt-1 text-sm text-gray-500">
-          Overzicht van applicaties gegroepeerd per Team en Subteam
-        </p>
-      </div>
+      <PageHeader
+        title="Team-indeling"
+        description="Overzicht van applicaties gegroepeerd per Team en Subteam"
+        icon={
+          <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
+          </svg>
+        }
+      />
 
       {/* Compact Filter Bar */}
       <div className="mb-6 bg-gray-50 rounded-lg shadow-sm border border-gray-200 p-3">