Overflow in manual flow's confirmation dialog (#18503)

* added scrollbar to flow confirm dialog

* Create chatty-clocks-kick.md

* moved override into "v-card" component

* Update app/src/interfaces/input-rich-text-html/input-rich-text-html.vue

Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch>

* Update .changeset/chatty-clocks-kick.md

---------

Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch>
Co-authored-by: Azri Kahar <42867097+azrikahar@users.noreply.github.com>

.changeset/chatty-clocks-kick.md

@@ -0,0 +1,5 @@
+---
+"@directus/app": patch
+---
+
+Added overflow scrollbars in v-card component

app/src/components/v-card.vue

@@ -42,6 +42,7 @@ body {
 	height: var(--v-card-height);
 	min-height: var(--v-card-min-height);
 	max-height: var(--v-card-max-height);
+	overflow: auto;
 
 	/* Page Content Spacing */
 	font-size: 15px;

app/src/interfaces/input-rich-text-html/input-rich-text-html.vue

@@ -23,8 +23,8 @@
 			</span>
 		</template>
 		<v-dialog v-model="linkDrawerOpen">
-			<v-card class="card">
-				<v-card-title class="card-title">{{ t('wysiwyg_options.link') }}</v-card-title>
+			<v-card>
+				<v-card-title>{{ t('wysiwyg_options.link') }}</v-card-title>
 				<v-card-text>
 					<div class="grid">
 						<div class="field">
@@ -514,13 +514,4 @@ function setFocus(val: boolean) {
 	padding-top: 0;
 	padding-bottom: var(--content-padding);
 }
-
-.card {
-	overflow: auto;
-
-	.card-title {
-		margin-bottom: 24px;
-		font-size: 24px;
-	}
-}
 </style>