refactor: added a max-inline-size according to the viewport size (#4640)

* refactor: added a max-inline-size according to the viewport size

* refactor: cleanup

* auto update snapshots (#4642)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: mfranzke

__snapshots__/tooltip/component/chromium/DBTooltip-after-open-should-match-screenshot.png

@@ -236,7 +236,10 @@ $popover-gap-inset: calc(-1 * #{$popover-gap-size});
 	z-index: 1337;
 	// revert this if popover is included in button
 	white-space: normal;
-	max-inline-size: variables.$db-container-xs;
+	max-inline-size: min(
+		#{variables.$db-container-xs},
+		calc(100vw - 2 * #{variables.$db-spacing-fixed-md})
+	);
 	block-size: fit-content;
 	inline-size: fit-content;