fix(SearchInput): verberg native browser clear-knop

De browser-native × knop van type="search" wordt verborgen via CSS.
Een clear-knop wordt later geïmplementeerd als een apart patroon.

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

Author: Jeffrey Lauwers

packages/components-react/src/SearchInput/SearchInput.css

@@ -30,6 +30,14 @@
   padding-inline-start: var(--dsn-search-input-padding-inline-start-with-icon);
 }
 
+/* Hide browser-native clear button — will be implemented as a separate pattern */
+.dsn-search-input::-webkit-search-cancel-button {
+  display: none;
+}
+.dsn-search-input::-webkit-search-decoration {
+  display: none;
+}
+
 /* Width variants on the wrapper */
 .dsn-search-input-wrapper--width-xs {
   max-inline-size: var(--dsn-form-control-width-xs);

packages/storybook/src/SearchInput.docs.md

@@ -30,7 +30,7 @@ De SearchInput component is een gespecialiseerd invoerveld voor zoekfunctionalit
 ## Accessibility
 
 - Het zoekicoon heeft `aria-hidden="true"` — het is puur decoratief en wordt niet voorgelezen door screen readers.
-- `type="search"` biedt op sommige browsers een ingebouwde clear-knop.
+- De native browser clear-knop (×) van `type="search"` is verborgen via CSS. Een clear-knop wordt later geïmplementeerd als een apart patroon.
 - De extra `padding-inline-start` zorgt ervoor dat ingevoerde tekst nooit over het icoon heen loopt.
 
 ## Anatomy