feat(frontend): implement unified design system with 17 reusable template components, skeleton loading states, and golden-ratio-based layouts

frontend/src/pages/FahrzeugForm.tsx

@@ -12,9 +12,10 @@ import {
   TextField,
   Typography,
 } from '@mui/material';
-import { ArrowBack, Save } from '@mui/icons-material';
+import { Save } from '@mui/icons-material';
 import { useNavigate, useParams } from 'react-router-dom';
 import DashboardLayout from '../components/dashboard/DashboardLayout';
+import { PageHeader } from '../components/templates';
 import GermanDateField from '../components/shared/GermanDateField';
 import { vehiclesApi } from '../services/vehicles';
 import { fahrzeugTypenApi } from '../services/fahrzeugTypen';
@@ -232,7 +233,7 @@ function FahrzeugForm() {
       <DashboardLayout>
         <Container maxWidth="md">
           <Alert severity="error">{error}</Alert>
-          <Button startIcon={<ArrowBack />} onClick={() => navigate('/fahrzeuge')} sx={{ mt: 2 }}>
+          <Button onClick={() => navigate('/fahrzeuge')} sx={{ mt: 2 }}>
             Zurück
           </Button>
         </Container>
@@ -243,18 +244,15 @@ function FahrzeugForm() {
   return (
     <DashboardLayout>
       <Container maxWidth="md">
-        <Button
-          startIcon={<ArrowBack />}
-          onClick={() => (isEditMode && id ? navigate(`/fahrzeuge/${id}`) : navigate('/fahrzeuge'))}
-          sx={{ mb: 2 }}
-          size="small"
-        >
-          {isEditMode ? 'Zurück zur Detailansicht' : 'Fahrzeugübersicht'}
-        </Button>
-
-        <Typography variant="h4" gutterBottom>
-          {isEditMode ? 'Fahrzeug bearbeiten' : 'Neues Fahrzeug erfassen'}
-        </Typography>
+        <PageHeader
+          title={isEditMode ? 'Fahrzeug bearbeiten' : 'Neues Fahrzeug erfassen'}
+          breadcrumbs={[
+            { label: 'Fahrzeuge', href: '/fahrzeuge' },
+            ...(isEditMode && id ? [{ label: 'Detail', href: `/fahrzeuge/${id}` }] : []),
+            { label: isEditMode ? 'Bearbeiten' : 'Neu' },
+          ]}
+          backTo={isEditMode && id ? `/fahrzeuge/${id}` : '/fahrzeuge'}
+        />
 
         {saveError && <Alert severity="error" sx={{ mb: 2 }}>{saveError}</Alert>}