fix(web-vue): pre tag styles

Author: mohdashraf010897

packages/vue/src/styles/AIAnswer.js

@@ -221,6 +221,8 @@ export const resetCSS = (props) => `
 	}
 	pre {
 		margin: 10px auto;
+		white-space: pre-wrap;
+
 	}
 	table {
 		margin: 10px auto;
@@ -248,8 +250,19 @@ export const resetCSS = (props) => `
 			: props.theme.colors.borderColor
 		: props.theme.colors.borderColor
 };
+
 	}
 
+	pre{
+		color: ${
+	// eslint-disable-next-line no-nested-ternary
+	props.isSender
+		? props.themePreset !== 'dark'
+			? props.theme.colors.primaryTextColor
+			: props.theme.colors.textColor
+		: props.theme.colors.primaryTextColor
+};}
+
 	code {
 		line-height: normal;
 

packages/web/src/styles/AIAnswer.js

@@ -246,6 +246,17 @@ export const resetCSS = props => css`
 				: props.theme.colors.borderColor
 		};
 	}
+	pre {
+		color: ${
+			// eslint-disable-next-line no-nested-ternary
+			props.isSender
+				? props.themePreset !== 'dark'
+					? props.theme.colors.primaryTextColor
+					: props.theme.colors.textColor
+				: props.theme.colors.primaryTextColor
+		};
+		white-space: pre-wrap;
+	}
 	code {
 		line-height: normal;
 		color: ${