fix(ModalDialog): footer-padding-block hernoemen naar footer-padding-block-start

Consistent met footer-padding-block-end — beide zijden nu expliciet
benoemd. CSS gebruikt --dsn-modal-dialog-footer-padding-block-start.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Jeffrey Lauwers

packages/components-html/src/modal-dialog/modal-dialog.css

@@ -188,7 +188,7 @@
 .dsn-modal-dialog__footer {
   flex-shrink: 0;
 
-  padding-block-start: var(--dsn-modal-dialog-footer-padding-block);
+  padding-block-start: var(--dsn-modal-dialog-footer-padding-block-start);
   padding-block-end: var(--dsn-modal-dialog-footer-padding-block-end);
   padding-inline: var(--dsn-modal-dialog-footer-padding-inline);
 

packages/design-tokens/src/tokens/components/modal-dialog.json

@@ -88,7 +88,7 @@
         }
       },
       "footer": {
-        "padding-block": {
+        "padding-block-start": {
           "value": "{dsn.space.block.xl}",
           "type": "spacing",
           "comment": "Bovenkant padding van de footer (16px)"

packages/storybook/src/ModalDialog.docs.md

@@ -79,7 +79,7 @@ Het ModalDialog component toont een tijdelijk overlay-venster dat de achtergrond
 | `--dsn-modal-dialog-header-padding-inline`      | Horizontale padding van de header (16px)   |
 | `--dsn-modal-dialog-body-padding-block`         | Verticale padding van de body (24px)       |
 | `--dsn-modal-dialog-body-padding-inline`        | Horizontale padding van de body (16px)     |
-| `--dsn-modal-dialog-footer-padding-block`       | Bovenkant padding van de footer (16px)     |
+| `--dsn-modal-dialog-footer-padding-block-start` | Bovenkant padding van de footer (16px)     |
 | `--dsn-modal-dialog-footer-padding-block-end`   | Onderkant padding van de footer (16px)     |
 | `--dsn-modal-dialog-footer-padding-inline`      | Horizontale padding van de footer (16px)   |