Jaarruimte: van Blueriq naar React in weken

# jaarruimte calculator

## doel
Een calculator die de jaarruimte (aftrekbaar bedrag voor pensioenopbouw)
berekent volgens de regels van de Belastingdienst.

## inputs
- bruto_inkomen: currency, required, min 0
- geboortedatum: date, required
- al_ingelegd_voor_pensioen: currency, default 0

## constanten (2026)
- factor: 0.133
- max_aftrekbaar: 35463
- aow_franchise: 17663

## berekening
pensioen_grondslag = max(bruto_inkomen - aow_franchise, 0)
bruto_jaarruimte = pensioen_grondslag * factor
netto_jaarruimte = min(bruto_jaarruimte, max_aftrekbaar) - al_ingelegd_voor_pensioen

## ui
- Form met drie inputs, live berekening
- Resultaat boven de fold
- Tooltip op "?" met uitleg van de formule

import { useMemo, useState } from 'react';

const FACTOR_2026 = 0.133;
const MAX_AFTREK = 35_463;
const AOW_FRANCHISE = 17_663;

export function Jaarruimte() {
  const [brutoInkomen, setBrutoInkomen] = useState(0);
  const [alIngelegd, setAlIngelegd] = useState(0);

  const jaarruimte = useMemo(() => {
    const grondslag = Math.max(brutoInkomen - AOW_FRANCHISE, 0);
    const bruto = grondslag * FACTOR_2026;
    return Math.max(Math.min(bruto, MAX_AFTREK) - alIngelegd, 0);
  }, [brutoInkomen, alIngelegd]);

  return (
    <form>
      <label>
        bruto inkomen
        <input
          type="number"
          value={brutoInkomen}
          onChange={(e) => setBrutoInkomen(Number(e.target.value))}
        />
      </label>
      <label>
        al ingelegd voor pensioen
        <input
          type="number"
          value={alIngelegd}
          onChange={(e) => setAlIngelegd(Number(e.target.value))}
        />
      </label>
      <p className="result">
        je jaarruimte: <strong>€{jaarruimte.toFixed(0)}</strong>
      </p>
    </form>
  );
}