docs: added browser support (#4093)

* docs: added browser support

* Update BrowserSupport.md

* Update BrowserSupport.md

* Create index.mdx

---------

Co-authored-by: Nicolas Merget <[email protected]>

Author: mfranzke

packages/foundations/docs/BrowserSupport.md

@@ -0,0 +1,10 @@
+# Browser Support
+
+We're [testing our components with playwright](../../foundations/test-table) on the latest browser versions of Google Chrome, Mozilla Firefox and Apple Safari. Since all of these browsers are supposed to be evergreen, we're using some newer browser features that have been added specifically as part of the [interop initiative](https://web.dev/blog/interop-2025), mostly as progressive enhancements, but some may not even offer graceful degradation.
+
+This may leave some older browser versions behind. If you need to take care of these older browsers, you may not want to migrate to DB UX Design System v3 right now, but stay with DB UI Core or Elements for a little longer. In particular, the following features we use may be related to an evaluation of your browser strategy:
+
+| Web Feature                                                                                                                     | Google Chrome    | Mozilla Firefox  | Apple Safari      |
+| ------------------------------------------------------------------------------------------------------------------------------- | ---------------- | ---------------- | ----------------- |
+| [`@property` / typed CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/@property)                         | 85 (25.08.2022)  | 128 (09.07.2024) | 16.4 (27.03.2023) |
+| [`light-dark()`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark)                                       | 123 (19.03.2024) | 120 (21.11.2023) | 17.5 (13.05.2024) |

showcases/patternhub/data/routes.tsx

@@ -237,7 +237,8 @@ export const ROUTES: NavigationItem[] = [
 				path: '/foundations/test-table'
 			},
 			{ label: 'IDE Support', path: '/foundations/ide' },
-			{ label: 'Performance', path: '/foundations/performance' }
+			{ label: 'Performance', path: '/foundations/performance' },
+			{ label: 'Browser Support', path: '/foundations/browser-support' }
 		]
 	},
 	{

showcases/patternhub/pages/foundations/browser-support/index.mdx

@@ -0,0 +1,7 @@
+import DefaultPage from "../../../components/default-page";
+
+import Readme from "../../../../../packages/foundations/docs/BrowserSupport.md";
+
+<Readme />
+
+export default ({ children }) => <DefaultPage>{children}</DefaultPage>;